> 웹 프론트엔드 > HTML 튜토리얼 > HTML과 XHTML, HTML4와 HTML5 태그의 차이점 소개_HTML/Xhtml_웹페이지 제작

HTML과 XHTML, HTML4와 HTML5 태그의 차이점 소개_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:36:25
원래의
1490명이 탐색했습니다.

HTML과 XHTML의 차이점
1. XHTML 요소는 올바르게 중첩되어야 합니다.
2. XHTML 요소는 닫혀야 하며, 빈 태그도 닫혀야 합니다. 예:

3. XHTML 요소는 소문자여야 합니다

4. XHTML 문서에는 루트 요소가 있어야 합니다.

5. XHTML 속성 이름은 소문자여야 하며, 속성 값은 따옴표로 묶어야 하며, 속성을 축약할 수 없습니다. 예:
6. XHTML은 name 속성 대신 id 속성을 사용합니다.

참고: XHTML이 최신 브라우저와 호환되도록 하려면 "/" 기호 앞에 공백을 추가해야 합니다

7. 언어 속성(lang) lang 속성은 거의 모든 XHTML 요소에 적용됩니다. 요소 내부의 콘텐츠에 사용되는 언어 유형을 정의합니다. 요소에서 lang 속성을 사용하는 경우 다음과 같이 xml:lang을 추가해야 합니다.

Heia Norge!

XHTML 1.0의 세 가지 XML 문서 유형
XHTML 1.0은 위의 세 가지 DTD에 해당하는 세 가지 XML 문서 유형을 지정합니다.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. XHTML 1.0 엄격
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

성능이 복잡해지지 않도록 깔끔한 마크업이 필요한 상황에서 사용하세요. 캐스케이딩 스타일 시트와 함께 사용하세요.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. XHTML 1.0 전환기
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML의 표현 기능을 활용해야 할 때와 CSS(Cascading Style Sheet)를 지원하지 않는 브라우저용 XHTML을 작성해야 할 때 사용하세요.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. XHTML 1.0 프레임셋
  2. PUBLIC "-//W3C//DTD XHTML 1.0 프레임셋//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

이 상황에서 사용되는 경우: 브라우저 창을 두 개 이상의 프레임으로 분할하기 위해 HTML 프레임을 사용해야 하는 경우.

HTML4 및 HTML5

HTML5는 최근 매우 인기가 높습니다. HTML5 태그와 HTML4 태그의 몇 가지 차이점을 살펴보겠습니다.
1. 개념 변경:

HTML5는 콘텐츠와 구조에 중점을 두지만 성능에는 중점을 두지 않습니다.


내비게이션 관련 데이터

>

제목: HTML5 특별 동영상 튜토리얼



2. 선언 및 태그:
HTML5는 더 많은 선언과 태그를 단순화했으며 호환성에 대한 세부 조항을 만들고 일부 요소를 폐지하고 일부 요소를 추가했습니다. HTML5 태그 구문 소개 및 새 태그


(1), 문법 태그:

a. 작성이 허용되지 않는 종료 태그: Area, basebr, col, command, Embed, hr, img, input, keygen, link, meta, param, source, Track, wbr

b. 생략 가능 종결자 태그: li, dt, dd, p, rt, optgroup, option, Colgroup, thread, tbody, tr, td, th

c. 완전히 생략할 수 있는 태그: html, head, body, colgroup, 티바디


(2), 새 태그:

태그는 기사를 정의합니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿