웹 프론트엔드 HTML 튜토리얼 XHTML 튜토리얼: Transitional과 Strict_HTML/Xhtml_Web 페이지 제작의 차이점

XHTML 튜토리얼: Transitional과 Strict_HTML/Xhtml_Web 페이지 제작의 차이점

May 16, 2016 pm 04:43 PM
html xhtml 요소 차이점 지원하다 지도 시간


실제로 XHTML 1.0은 Transitional과 Strict DOCTYPE의 두 가지 유형(프레임셋 DOCTYPE을 추가하는 경우 세 가지 유형, 이 기사에서는 다루지 않음)으로 나뉩니다. 그리고 HTML 4.01에도 동일한 문서 설명이 있습니다.
오늘날 웹 표준을 홍보하는 과정에서 웹 표준을 옹호하는 사람들은 XHTML이 HTML보다 더 엄격하다고 말하는 경우가 많습니다. 물론 어떤 의미에서는 모든 태그를 닫고 모든 속성을 닫아야 합니다. 인용. 그러나 실제로 XHTML 1.0은 Transitional과 Strict DOCTYPE의 두 가지 유형(Frameset DOCTYPE을 추가하는 경우 세 가지 유형, 이 기사에서는 다루지 않음)으로 나뉩니다. 그리고 HTML 4.01에도 동일한 문서 설명이 있습니다.

문자 그대로 의미를 알 수 있습니다. Transitional DOCTYPE은 단지 이전 시대에서 새 시대로의 전환을 달성하기 위한 것이며 Strict DOCTYPE은 기본 문서 선언으로 매우 중요합니다. HTML 4.01 및 XHTML 1.0 구성이 가능합니다.
Transitional DOCTYPE을 사용하는 것은 일반적으로 코드에 오래된 작성 방법이 너무 많고 Strict DOCTYPE을 한 번에 완전히 변환하기 어렵기 때문입니다. 하지만 엄격한 DOCTYPE을 목표로 삼아야 합니다. 이는 프레젠테이션에서 구조를 분리하고 모든 프레젠테이션 레이어 코드를 CSS로 작성하도록 장려하고 때로는 강제하기도 합니다. HTML 4 문서 유형 정의:

이 HTML 4.01 Strict DTD에는 프리젠테이션 레이어 속성과 태그가 포함되어 있지 않습니다. W3C에서는 이러한 속성과 태그를 단계적으로 폐지하여 이를 달성할 수 있습니다. 프레젠테이션 속성 및 태그를 지원하려면 전환 DTD를 사용해야 합니다.

Strict DOCTYPE을 사용하면 브라우저가 가장 엄격하고 (어느 정도) 가장 표준을 준수하는 모드를 사용하여 페이지를 렌더링할 수 있다는 장점도 있습니다.
Tommy Olsson은 Web Standards Group의 Tommy Olsson에 대한 10가지 질문에서 Strict 사용의 이점을 매우 잘 설명합니다.

HTML 4.01 Strict이든 XHTML 1.0 Strict이든 Strict DTD를 사용하는 것이 HTML을 사용할지 XHTML을 사용할지 논의하는 것보다 훨씬 더 중요하다고 생각합니다. 이는 미래 인터넷의 품질을 나타냅니다. 구조와 표현을 분리하여 사이트 유지 관리를 매우 쉽게 만듭니다.

웹 표준을 처음 접하고 올바른 의미 구조를 사용하는 사람들에게는 Transitional DOCTYPE과 Strict DOCTYPE의 차이점을 이해하는 것이 중요합니다. 더 자세한 목록은 다음을 참조하세요: XHTML: 엄격함과 전환적 XHTML의 차이점, DTD에 따른 엄격함과 전환적 XHTML 및 XHTML1.0 요소 속성 비교.
Strict로 전환을 준비하는 분들에게는 개발자의 실수를 유발할 수 있는 두 가지 차이점이 있는데, 이에 대해서는 다음에 이야기하겠습니다. 엄격한 DOCTYPE에서는 태그가 지원되지 않습니다. 센터 세례반 아이프레임 스트라이크 유 엄격한 DOCTYPE에서는 지원되지 않는 속성 align(테이블 관련 지원: col, colgroup, tbody, td, tfoot, th, thead 및 tr) 언어 배경 bgcolor 테두리(테이블 지원) 높이(img 및 객체에서 지원) hspace 이름(HTML 4.01 Strict에서는 지원되고 XHTML 1.0 Strict에서는 form 및 img에서는 지원되지 않음) noshade 지금 랩 목표 텍스트, 링크, vlink 및 alink vspace 너비(img, object, table, col 및 colgroup이 지원됨) 콘텐츠 모델의 차이점
요소 유형의 콘텐츠 모델은 포함될 수 있는 요소 유형의 인스턴스를 설명합니다. 이 시점에서 두 문서 선언의 가장 큰 차이점은 blockquote, body 및 form 요소는 다음과 같은 블록 수준 요소만 포함할 수 있다는 것입니다. 텍스트와 이미지는 본문에 직접 포함할 수 없으며, p, div 등 블록 수준 요소에 포함되어야 합니다. 입력 요소는 양식 요소보다 한 수준 바로 아래에 있을 수 없습니다. blockquote 요소 내의 텍스트는 p 또는 div와 같은 블록 수준 요소에 포함되어야 합니다. 모든 성능을 CSS에 맡기고 엄격한 표준을 준수하세요.
Strict DOCTYPE으로 전환하는 과정에서는 각 요소가 어떻게 보이는지보다 각 요소가 무엇을 하는지 아는 것이 더 효과적입니다.
구조와 의미를 먼저 생각하고 성능에 대해서는 나중에 걱정하세요.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

HTML, CSS 및 JavaScript의 역할 : 핵심 책임 HTML, CSS 및 JavaScript의 역할 : 핵심 책임 Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서 HTML, CSS 및 JavaScript 이해 : 초보자 안내서 Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

H5와 미니 프로그램과 앱의 차이점 H5와 미니 프로그램과 앱의 차이점 Apr 06, 2025 am 10:42 AM

H5. 미니 프로그램과 앱의 주요 차이점은 다음과 같습니다. 기술 아키텍처 : H5는 웹 기술을 기반으로하며 미니 프로그램 및 앱은 독립적 인 응용 프로그램입니다. 경험과 기능 : H5는 가볍고 사용하기 쉽고 기능이 제한되어 있습니다. 미니 프로그램은 가벼우 며 상호성이 우수합니다. 앱은 강력하고 부드러운 경험이 있습니다. 호환성 : H5는 크로스 플랫폼 호환성이며 애플릿 및 앱은 플랫폼에 의해 제한됩니다. 개발 비용 : H5는 개발 비용이 낮고 중간 미니 프로그램 및 최고 앱이 있습니다. 적용 가능한 시나리오 : H5는 정보 표시에 적합하고 애플릿은 가벼운 응용 프로그램에 적합하며 앱은 복잡한 기능에 적합합니다.

HTML에서 React의 역할 : 사용자 경험 향상 HTML에서 React의 역할 : 사용자 경험 향상 Apr 09, 2025 am 12:11 AM

React는 JSX와 HTML을 결합하여 사용자 경험을 향상시킵니다. 1) JSX는 개발을보다 직관적으로 만들기 위해 HTML을 포함시킨다. 2) 가상 DOM 메커니즘은 성능을 최적화하고 DOM 운영을 줄입니다. 3) 유지 보수성을 향상시키기위한 구성 요소 기반 관리 UI. 4) 상태 관리 및 이벤트 처리는 상호 작용을 향상시킵니다.

PS에서 PDF를 내보내기위한 비밀번호 보호를 설정하는 방법 PS에서 PDF를 내보내기위한 비밀번호 보호를 설정하는 방법 Apr 06, 2025 pm 04:45 PM

Photoshop에서 암호로 보호 된 PDF를 내보내십시오 : 이미지 파일을 엽니 다. "파일"을 클릭하십시오. & gt; "수출"& gt; "PDF로 수출". "보안"옵션을 설정하고 동일한 비밀번호를 두 번 입력하십시오. "내보내기"를 클릭하여 PDF 파일을 생성하십시오.

라우터 폴더 아래의 index.js 파일에서 vue.use (vuerouter)를 호출 해야하는 이유는 무엇입니까? 라우터 폴더 아래의 index.js 파일에서 vue.use (vuerouter)를 호출 해야하는 이유는 무엇입니까? Apr 05, 2025 pm 01:03 PM

vue 응용 프로그램을 개발할 때 라우터 폴더 아래에 index.js 파일에 vuerouter를 등록해야 할 필요성이 있으면 종종 라우팅 구성에 문제가 발생합니다. 특별한...

XPath를 사용하여 JavaScript의 지정된 DOM 노드에서 검색하는 방법은 무엇입니까? XPath를 사용하여 JavaScript의 지정된 DOM 노드에서 검색하는 방법은 무엇입니까? Apr 04, 2025 pm 11:15 PM

JavaScript의 DOM 노드에서 XPath 검색 방법에 대한 자세한 설명은 종종 XPath 표현식을 기반으로 DOM 트리에서 특정 노드를 찾아야합니다. 필요하다면 ...

HTML의 역할 : 웹 컨텐츠 구조 HTML의 역할 : 웹 컨텐츠 구조 Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

See all articles