HTML 튜토리얼: 처음부터 웹 표준_DOCTYPE 문
이전 웹페이지에서는 다음과 같은 웹페이지 구조 코드를 자주 볼 수 있습니다.
< 웹페이지입니다
<메타 이름=”…” 콘텐츠=”…” />
……
head>
… 이 구조의 코드는 웹 표준을 준수하지 않지만 코드에 오류가 없는 한 브라우저는 여전히 웹 페이지를 잘 렌더링할 수 있습니다. 실제로 이것은 테이블 레이아웃이 있는 페이지와 Div 구조가 있는 페이지와 같습니다. 중요한 것은 어떤 페이지가 더 높은 품질로 렌더링되는지입니다.
한 페이지를 만드는 것과 한 페이지를 완성하는 것 사이에는 거리가 멀다.
브라우저 개발 과정에서 Microsoft는 Internet Explorer를 Windows 운영 체제에 번들로 묶어 브라우저 시장의 지배적인 플레이어가 되어 왔으며, 이로 인해 W3C 조직에서 공식화한 일련의 IE 규정도 탄생했습니다. 웹 표준에 관계없이 Microsoft의 IE는 항상 자체 웹 표준만 따랐습니다. 다행스럽게도 Microsoft는 IE8에서 웹 표준을 지원하기로 결정했지만 이 문제는 아직 마무리되지 않았습니다. 마이크로소프트의 IE 외에도 모질라 파이어폭스, 애플 사파리, 오페라, 크롬 등의 브라우저들은 웹 표준 지원이라는 명목으로 오랫동안 IE와 맞서 싸워왔다.
브라우저의 차이로 인해 HTML 코드의 기본 구문 분석이 달라지므로 동일한 코드라도 브라우저에 따라 다른 스타일로 나타날 수 있으므로 공통된 규칙이 필요합니다. 브라우저 간의 차이를 조정하기 위해 브라우저가 따르는 규칙에는 이를 참조하기 위한 선언입니다. 이 선언은 DOCTYPE - 문서 유형입니다.
DOCTYPE 선언은 표준 웹 페이지의 필수 부분이므로 W3C 표준을 준수하는 웹 페이지를 만들려면 먼저 이 페이지에 대한 문서 유형을 선언해야 합니다. DOCTYPE에서 선언한 DTD(문서 유형 정의)에는 세 가지 유형이 있습니다.
전환: 요구 사항이 덜 엄격한 DTD로 페이지에서 HTML4.01 태그를 계속 사용할 수 있습니다.
엄격(strict): 페이지를 만들 때 이상적인 DTD 방법이지만 이 문서 유형 정의는 프레젠테이션 레이어에서 태그와 속성의 사용을 허용하지 않습니다.
프레임셋(프레임): 특히 페이지 디자인에 프레임이 포함된 DTD에 적합합니다.
프레임 기반 디자인이 검색 엔진에 웹 페이지를 포함하는 데 미칠 수 있는 영향으로 인해 많은 웹 페이지에서는 프레임 디자인을 사용하지 않으며 Strict의 DTD는 대부분의 사람들에게 이상적인 접근 방식입니다. 현재 가장 적용 가능하고 널리 사용되는 문서 유형 정의입니다. 이제 웹 표준을 준수하는 웹 페이지를 열면 페이지 시작 부분에 다음 명령문을 볼 수 있습니다.
이것은 XHTML 웹 문서에 대한 DOCTYPE 문입니다. 물론 이는 DOCTYPE 문을 XHTML 웹 문서에만 사용할 수 있다는 의미는 아닙니다. HTML4.01을 사용하는 웹 문서의 경우 DOCTYPE 문도 사용할 수 있습니다.
전환 DTD:
엄격한 DTD: 필수 사항 DOCTYPE 선언 위치는 페이지 맨 처음에 있어야 합니다. DOCTYPE 선언 코드 앞에는 코드나 태그가 나타날 수 없습니다. 그렇지 않으면 페이지의 태그나 CSS 스타일이 유효하지 않게 될 수 있습니다.
위는 HTML 튜토리얼입니다. WEB 표준은 처음부터 시작합니다_DOCTYPE 문 내용, 더 많은 관련 내용을 보려면 PHP에 주의하세요. 중국사이트(www.php.cn)!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
