HTML5 태그와 HTML4 태그의 차이점 예
- PHP中文网원래의
- 2017-03-25 14:36:431780검색
1. 개념 변경:
HTML5는 콘텐츠와 구조에 중점을 두지만 성능에는 중점을 두지 않습니다.
1aa9e5d373740b65a0cc8f0a02150c53Navigation 관련 데이터d7fb206ed7081b134e1edd3f2b3137f0 🎜>ab946e7546ab66a280dd9c9f9310ecd5
c787b9a589a3ece771e842a6176cf8e9메뉴44f9630a3d507ae7532760da37622b0f
4a249f0d628e2318394fd9b75b4636b1제목: HTML5 특별 동영상 튜토리얼
2 선언 및 태그:
HTML5는 더 많은 선언과 태그를 단순화했으며 호환성에 대한 세부 조항을 만들고 일부 요소를 폐지하고 일부 요소를 추가했습니다. HTML5 태그 구문 소개 및 새로운 태그
3. 문법 태그:
(1) 끝 문자를 쓸 수 없는 태그: Area, basebr, col, command, Embed, hr, img, input, keygen, link, Meta, param, source, Track, wbr (2) 끝 문자 태그는 생략 가능: li, dt, dd, p, rt, optgroup, option, Colgroup, thread , tbody, tr, td, th (3) 완전히 생략 가능한 태그: html, head, body, colgroup, tbody
4. 신규 태그:
6834527dc714e79981739048a7621cab 마크업은 페이지 콘텐츠 섹션을 정의합니다. b97864c2e0ef2353a16c4d64c7734e92 마크업은 오디오 콘텐츠를 정의합니다.
e2b9f03cad787b9644e1f51fd23b7dac 마크업 명령 버튼 정의
fc86e7b705049fc9d4fccc89a2e80ee3 태그는 드롭다운 목록을 정의합니다.
a5e9d42b316b6d06c62de0deffc36939 태그는 요소의 세부정보를 정의합니다.
a38fd2622755924ad24c0fc5f0b4d412 태그는 대화 상자(대화 상자)를 정의합니다. 🎜>< ;embed> 태그는 외부 대화형 콘텐츠 또는 플러그인을 정의합니다.
a7e92aa379a95c24a947f9b436d5f4f4 태그는 미디어 콘텐츠 집합을 정의하며 해당 헤더 c37f8231a37e88427e62669260f0074d 태그는 페이지 또는 영역의 하단을 정의합니다. header> 마크는 페이지 또는 영역의 헤더를 정의합니다.
마크 정의 파일의 블록 관련 정보
c787b9a589a3ece771e842a6176cf8e9 마커 정의 탐색 링크
6ecb87e5318a36c03c59e25d55f43372 작업
515718f19dfe6612658be14be18aa0ec 태그 프로세스는 Rubyannotations
ec41f2147470148e85ad0337a362103e에 대한 태그 정의를 표시하는 방법을 Ruby 요소를 지원하지 않는 브라우저에 알려주는 데 사용됩니다.
2f8332c8dcfd5c7dec030a070bf652c3 태그는 지역을 정의합니다.
46dd80ba616c57a652514755c74c4211 태그는 날짜/시간을 정의합니다.
39000f942b2545a5315c57fa3276f220 태그는 동영상을 정의합니다.
5.HTML5 간단한 예
관련 기사:
HTML5의 각 태그 정의 및 규정: 헤더
HTML5 태그 사용법 상세 설명
<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>PHP100中文网HTML5专题</title>
<style type="text/css" rel="stylesheet">
header,nav,article,footer {border:solid 1px #666;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:200px}
article{float:left;width:428px;height:200px}
footer{clear:both;width:500px}
</style>
<script type="text/javascript">
document.createElement('article');
document.createElement('nav');
document.createElement('header');
</script>
</head>
<body>
<header>
<hgroup>导航相关数据</hgroup>
</header>
<nav>菜单</nav>
<article>
<h1>HTML5专题视频教程</h1>
发布日期:<time>09:00</time>
<time datetime="2013-2-10">春节</time>
<p>测试相关内容</p>
</article>
<footer>
<address>地址</address>
</footer>
</body>
</html>HTML5 태그 종합 목록