HTML5와 이전 HTML4_html5 튜토리얼 기술 간의 차이점 편집

HTML5는 HTML 표준의 다음 버전입니다. HTML5가 HTML4를 완전히 전복하지는 않지만 몇 가지 차이점이 있습니다. 최신의 가장 완전한 HTML5-HTML4 비교 정보를 보려면 http://dev.w3.org/html5/html4-differences/를 참조하세요. 약간 더 많은 것 같습니다. IE가 아직 존재하는 이 세상에서는 HTML5의 차이점을 먼저 이해하는 것만으로도 충분하고, 완전히 지원된 후에 자세히 연구해도 늦지 않을 것입니다.

1. 단순화된 구문
HTML5는 doctype 선언과 같은 많은 미묘한 구문을 단순화하므로 만 작성하면 됩니다. HTML 5는 다음과 같이 UTF-8 인코딩을 지정합니다

2. 태그가 Flash를 대체합니다
Flash를 웹 페이지에서 재생하려면 많은 코드와 플러그인이 필요합니다. 태그를 사용하면 개발자는 하나의 태그만 사용하여 UI를 통해 사용자와 상호 작용할 수 있습니다.

3 새로운 태그를 많이 추가했습니다
HTML5 디자인의 한 가지 원칙은 웹사이트의 의미를 더 잘 반영하는 것이므로

및

웹페이지의 구조는

및

태그를 추가하는 데 도움이 됩니다. menu> 및

태그, 를 사용하여 도구 모음 및 상황에 맞는 메뉴를 만들 수 있습니다.

태그는 웹 페이지의 텍스트와 그림 레이아웃을 더욱 전문적으로 만듭니다. 이 두 태그는 HTML5에서 가장 유용한 태그입니다. 예를 들어 HTML5 페이지에 동영상을 삽입하려면 짧은 단락만 있으면 됩니다.

코드 복사

코드는 다음과 같습니다.

마찬가지로 오디오 및 기타 기능도 유사합니다.

4. 새로운 양식
HTML5에서는

및 태그가 많이 수정되었으며, 많은 새로운 속성이 추가되었습니다.http://www.jb51.net/w3school/html5/html_5_form_attributes.htm

5. 및 태그,

, 태그 삭제

6.HTML5는 다양한 유형의 저장 유형을 지원합니다

HTML5는 이전 버전에서 쿠키를 통해 구현되었던 로컬 저장소를 지원합니다. HTML5 로컬 저장소는 빠르고 안전합니다. 그리고 HTML5에는 데이터를 저장하는 데 사용할 수 있는 두 가지 객체가 있습니다. HTML5는 JS를 통해 데이터를 저장하고 액세스합니다.

localStorage는 데이터의 장기 저장에 적합하며, 브라우저를 닫아도 데이터가 손실되지 않습니다.

sessionStorage는 세션의 데이터 저장 전용이며, 저장된 데이터는 브라우저를 닫은 후 자동으로 삭제됩니다.

일반적으로 HTML5는 마크업 언어의 범위를 넘어섰으며 의미 있는 태그가 많아지면 HTML5가 더욱 유용해집니다. Canvas WEBGL과 같은 기술은 플러그인이 필요 없는 애니메이션과 이미지 및 그래픽 처리 기능을 실현합니다. 로컬 스토리지는 웹소켓이 http의 순수 풀 모델을 변경하고 MathML, SVG 등의 꿈을 실현합니다. render 등, HTML5에 대한 나의 현재 이해는 피상적인 단계에 불과합니다. 앞으로 더 많은 지식을 얻기 위해 더 많은 HTML5 책을 읽을 것입니다.