의견 : HTML5는 HTML4를 완전히 파괴하지는 않지만 약간 다릅니다. 이 기사는 눈에 띄는 차이점을 편집했습니다. 먼저 마스터하면 결국 조심스럽게 연구하기에는 너무 늦지 않았습니다. 관심있는 친구들은 그것을 놓치지 않아야합니다.
HTML5는 다음 버전의 HTML 표준입니다. HTML5는 HTML4를 완전히 파괴하지는 않지만 몇 가지 차이가 있습니다. 최신의 가장 완전하고 가장 완전한 HTML5-HTML4 비교 정보를 참조하십시오. IE가 여전히 존재하는이 세상에서 먼저 HTML5의 차이점을 마스터 할 수 있으며, 모든 지원 후에 신중하게 연구하기에는 너무 늦지 않았습니다.
1. 단순화 된 구문
HTML5는 DocType의 진술과 같은 많은 미묘한 구문을 단순화하면 <! doctype html>을 작성하면됩니다. HTML 5는 다음과 같이 UTF-8 인코딩을 지정합니다. <meta charset = utf-8>
2. <canvas> 태그는 플래시를 대체합니다
Flash는 많은 웹 개발자에게 문제가 발생했으며 웹 페이지에서 Flash를 재생하려면 많은 코드와 플러그인이 필요합니다. <canvas> 태그를 사용하면 개발자가 하나의 태그를 사용하는 한 UI가있는 사용자와 상호 작용할 수 있습니다.
3 많은 새로운 태그를 추가했습니다
HTML5 디자인의 한 가지 원칙은 웹 사이트의 의미론을 더 잘 반영하는 것이므로 <header> 및 <footer>와 같은 태그가 추가되어 웹 페이지의 구조를 명확하게 나타냅니다. <섹션> 및 <article> 태그를 추가하는 것은 <섹션> 및 <strict>를 추가하는 것도 웹 페이지의 구조를 명확히하는 데 도움이되고 SEO에는 더 도움이됩니다. <메뉴> 및 <fid> 태그를 추가하면 <enugy>를 사용하여 전통적인 메뉴 또는 툴바 및 컨텍스트 메뉴에 사용될 수 있습니다. <fide> 태그는 웹 텍스트와 사진을 더 전문적으로 레이아웃으로 만듭니다. 새로운 <Audio> 및 <video> 태그가 추가되며,이 두 태그는 HTML5에서 가장 유용한 두 태그 일 수 있으며 사용하기에 매우 편리합니다. 예를 들어, HTML5 페이지에 비디오를 포함시키는 것은 작은 조각 만 가져갑니다.
<비디오 컨트롤>
<소스 src = "jamshed.mp4"type = "video/mp4">
브라우저는 비디오 임베딩 기능을 지원하지 않습니다.
</video>
마찬가지로 오디오 및 기타 사항도 비슷합니다.
4. 새로운 형태
HTML5는 <form> 및 <forminput> 태그를 많이 수정했으며 많은 새로운 속성을 추가했으며 많은 속성을 수정했습니다.
5. <b> 및 <font> 태그, <frame>, <central>, <sign> 태그 삭제
6.html5는 다양한 유형의 스토리지 유형을 지원합니다
HTML5는 로컬 스토리지를 지원하며 이전 버전의 쿠키를 통해 구현되었습니다. HTML5 로컬 스토리지는 빠르고 안전합니다. HTML5에는 데이터를 저장하는 데 사용할 수있는 두 가지 객체가 있습니다. HTML5는 JS를 통해 데이터를 저장하고 액세스합니다.
LocalStorage는 장기 데이터 저장에 적합하며 브라우저가 닫힌 후에는 데이터가 손실되지 않습니다.
SessionStorage는 세션 데이터 저장소 일 뿐이며 브라우저가 닫힌 후에 저장된 데이터가 자동으로 삭제됩니다.
일반적으로 HTML5는 마크 업 언어의 범위를 뛰어 넘었으며 더 많은 의미 론적 태그로 인해 HTML5가 더 유용 할 것입니다. Canvas+WebGL 및 기타 기술은 플러그인이없는 애니메이션 및 이미지 및 그래픽 처리 기능을 실현합니다. 로컬 스토리지는 오프라인 응용 프로그램을 실현할 수 있습니다. WebSocket, 데이터 푸시의 꿈을 실현하기 위해 HTTP의 순수한 풀 모델을 변경합니다. MathML, SVG 등은 더 풍부한 렌더링 등을 지원합니다. 이제 HTML5에 대한 이해는 여전히 표면 단계에 있습니다. 앞으로 나는 더 많은 HTML5 책을 읽고 통찰력을 추가 할 것입니다.