HTML5, 슈퍼 텍스트 마크 언어 (HTML)의 다섯 번째 주요 수정.
HTML5에는 새로운 요소, 속성 및 동작이 포함되어 있으며 웹 사이트를보다 다양하고 강력하게 만드는 데 사용할 수있는 일련의 기술도 포함되어 있습니다.
새로운 기능은 한 번에 사용할 수 없지만 HTML4.01 (1999)의 공식화 후에는이 기간 동안 지속적으로 변화하고 있으며 최종 원고는 완료됩니다.
HTML5 표준은 이전 웹 페이지를 파괴하지 않으며 HTML4.01 표준을 충족하는 웹 페이지는 여전히 HTML5에서 효과적입니다.
표준 URL : https://www.w3.org/tr/html5///
고정 원고 시간 : 2014 년 10 월 28 일
콘텐츠이전 HTML4.01과 비교하여 HTML5는 많은 증가를했습니다.
① 새로운 시맨틱 요소 : <article>, <oloking>, <fide>, <figcaption>, <keer>, <header>, <hgroup>, <av>, <섹션> 등
② 새로운 요소 특성 : 새로운 요소 속성, 테이블 단위 요소, 검증 기능 등을 늘립니다.
③ 멀티미디어 : <audio> 오디오, <video> 비디오 요소 및 기타 컨텐츠 추가.
④ 2d/3d 도면 : <canvas> 드로잉 요소를 추가합니다.
⑤ 스토리지 : 온라인 및 오프라인 스토리지 기능을 늘리십시오.
Connectivity : 클라이언트의 두 내용을 높이면 서버와 상호 작용합니다 : 웹 소켓 (클라이언트 및 서버 내구성 연결) 및 서버 시트 이벤트 (서버 푸시 데이터) 등
⑦ 통합 : 웹 작업자, 히스토리 API, RequestAnimationFrame 및 지리적 위치와 같은 강력한 기능을 제공합니다.
⑧ 장치 액세스 : 카메라 및 모바일 장치를 지원합니다.
CSS3 스타일 : 새로운 배경 스타일 특성, 애니메이션, 테두리 및 기타 스타일을 제공합니다.
브라우저 지원각 주류 브라우저는 HTML5와 다릅니다. 그중에서도 9 번째 버전에서 HTML5를 지원하는 기능 (HTML5의 모든 함수는 아님)이 있습니다.
각 브라우저에서 html5의 함수가 지원된다는 것을 알고 싶다면 쿼리를 위해 http://caniuse.com/에 로그인 할 수 있습니다.
<umio> 요소를 예로 들어 각 브라우저의 지원을 볼 수 있습니다.
HTML5 페이지를 만듭니다페이지에서 HTML5의 변경 사항을 소개하십시오.
<문서 유형 선언기존의 HTML 페이지의 첫 번째 줄은 브라우저의 형식 및 레이아웃 디스플레이 페이지와 관련된 특정 문서 유형 문과 관련이 있어야합니다.
HTML4.01은 SGML (표준 범용 레이블 언어)을 기반으로합니다.
HTML5는 SGML을 기반으로하지 않으므로 DTD가 필요하지 않습니다.
html4.01 페이지 :[코드] <! doctype html public- // w3c // dtd xhtml 1.0 전환 // en http://www.w3.org/xhtml1/dtdml1-transitudeal.dtd>
html5 페이지 :<doctype html><html> 태그
이름 지정 공간을 설정하십시오
<html> xmlns 속성의 xmlns 속성은 하나 이상의 선택적인 공백을 정의 할 수 있습니다. 브라우저는이 명명 공간을 속성이있는 페이지의 요소에 사용합니다.
이 속성이 생략되면 기본값은 http://www.w3.org/1999/xhtml로 대체됩니다.
페이지 언어를 설정하십시오<html> 라벨의 lang 속성은 다음과 같은 페이지의 자연 언어를 지정할 수 있습니다. lang = en은 영어를 의미하며 lang = zh-cn은 중국어를 의미합니다. 예:
<html leng = zh-cn> </html><Meta> 태그 설정 문자 인코딩
검색 엔진의 키워드와 같은 <Meta> 메타 정보를 제공 할 수 있습니다.
그중에서도 Charset 속성은 페이지의 문자 코드를 정의하여 페이지의 텍스트 내용을 디스플레이 중에 지정된 인코딩 형식으로 변환 할 수 있습니다.
웹 디자인에서 선호되는 UTF-8 :
<head> <메타 charset = utf-8/> <title> 페이지 제목 </title> </head>견적 스타일 테이블
이전 HTML4.01과 비교하여 HTML5는 참조 스타일 테이블이있을 때 유형 = 텍스트/CSS 속성을 생략합니다.
<head> <메타 charset = utf-8/> <title> 페이지 제목 </title> <link r = 스타일 시트 href =/styles/site.css> </head>인용 자바 스크립트 파일
html5에서 JavaScript 파일을 인용 할 때 type = text/javaScript 속성은 생략됩니다.
<head> <메타 charset = utf-8/> <title> 페이지 제목 </title> <script src =/scripts/jqury-1.7.2.js> </head> </head>전체 페이지 예제
아래는 전체 HTML5 페이지입니다.
<! /scripts/jquery-1.7.2.js> </script> </head> <body> <p> 신체 영역 </p> </body> </html>