의견 : HTML5는 내용과 구조에 중점을 두지 만 성능은 아닙니다. HTML5는 더 많은 진술과 태그를 단순화했습니다. 다음은 HTML5의 간단한 예입니다.
(1) 개념의 변화 :HTML5는 콘텐츠와 구조에 중점을 두지 만 성능은 아닙니다.
<Header>
<HGROUP> 내비게이션 관련 데이터 </hgroup>
</헤더>
<av> 메뉴 </nav>
<기사>
<H1> 제목 : HTML5 특수 비디오 자습서 </h1>
(2) 진술 및 레이블 :
HTML5는 더 많은 선언과 태그를 단순화했으며 호환성에 대한 자세한 조항을 만들고 일부 요소를 폐지하고 일부 요소를 추가했습니다.
HTML5 태그 구문 및 새 태그 소개
1. 구문 태그 :
(1) 쓸 수없는 결말 문자의 태그 : Area, Basebr, Col, Command, Embed, HR, IMG, Input, KeyGen, Link, Meta, Param, Source, Track, WBR
(2) 결말 문자의 태그는 생략 될 수 있습니다 : Li, DT, DD, P, RT, OptGroup, Optroup, ColGroup, Thread, TBody, TR, TD, TH
(3) 완전히 생략 할 수있는 태그 : HTML, 헤드, 바디, 콜로 그룹, TBody
2. 태그 추가 :
기사를 정의하기위한 <article> 태그
<따로> 페이지의 내용 부분을 정의하는 사이드 바에 태그
<Audio> 태그는 오디오 컨텐츠를 정의합니다
<canvas> 태그 정의 이미지
<command> 태그 명령 버튼을 정의합니다
<datalist> 태그 드롭 다운 목록을 정의합니다
<ELITALT> 태그 요소의 세부 사항을 정의합니다
<Nialog> 태그 대화 상자 (세션 상자) 정의
<embed> 태그 외부 대화 형 컨텐츠 또는 플러그인을 정의합니다
<Figure> 태그 매체 컨텐츠 세트를 정의하고 제목 <FUTER> 태그는 페이지 또는 영역의 하단을 정의합니다.
<Header> 태그 페이지 또는 영역의 헤더를 정의합니다.
<hgroup> 정의 파일의 블록에 대한 관련 정보를 태그
<keygen> 태그 양식에서 생성 된 키 값을 정의합니다.
<mark> 마크 태그가 지정된 텍스트를 정의합니다
<meter> apredefinedRange 내 태그 정의 측정
<av> 태그 정의 탐색 링크
<output> 태그 일부 출력 유형을 정의합니다
<Progress> 작업을 정의하는 프로세스에 태그를 지정합니다
<rp> 태그는 루비 노트에 사용되어 루비 요소를 지원하지 않는 브라우저를 알려주는 방법을 표시하는 방법
<rt> 루비 아노 팅의 태그 정의 해석
<Ruby> 태그는 RubyAnnotations를 정의합니다.
<섹션> 태그는 영역을 정의합니다
<source> 태그는 미디어 리소스를 정의합니다
<Time> 태그 날짜/시간을 정의합니다
<video> 태그는 비디오를 정의합니다
HTML5 간단한 예
<! doctype html>
<헤드>
<meta charset = utf-8>
<title> PHP100 중국 웹 사이트 HTML5 주제 </title>
<스타일 유형 = "텍스트/CSS">
헤더, NAV, 기사, 바닥 글 {Border : Solid 1PX #666; 패딩 : 5PX}
헤더 {너비 : 500px}
nav {float : 왼쪽; 너비 : 60px; 높이 : 200px}}
기사 {float : 왼쪽; 너비 : 428px; 높이 : 200px}
바닥 글 {clear : 둘 다; 너비 : 500px}
</스타일>
<script type = "text/javaScript">
문서 .CreateElement ( '기사');
문서 .CreateElement ( 'nav');
문서 .CreateElement ( '헤더');
</스크립트>
</head>
<body>
<Header>
<HGROUP> 내비게이션 관련 데이터 </hgroup>
</헤더>
<av> 메뉴 </nav>
<기사>
<H1> HTML5 특수 비디오 자습서 </h1>
출시일 : <Time> 09:00 </time>
<time dateTime = "2013-2-10"> 봄 축제 </time>
<p> 테스트 관련 콘텐츠 </p>
</article>
<FUTER>
<duddren> 주소 </address>
</바닥다>
</body>
</html>