>웹 프론트엔드 >H5 튜토리얼 >H5와 HTML4의 차이점에 대한 자세한 설명

H5와 HTML4의 차이점에 대한 자세한 설명

Y2J
Y2J원래의
2017-05-23 13:53:523340검색

HTML5가 HTML4를 완전히 전복하지는 않지만 몇 가지 차이점이 있습니다. 이 기사는 몇 가지 눈에 띄는 차이점을 정리했습니다. 모두 지원된 후에 자세히 연구해도 늦지 않을 것입니다. 관심 있는 친구는 놓치지 마세요.

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

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

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

3 새로운 많은 태그
HTML5 디자인의 한 가지 원칙은 웹사이트의 의미를 더 잘 반영하는 것입니다. 따라서 1aa9e5d373740b65a0cc8f0a02150c53 footer>는 웹페이지의 구조를 명확하게 표시하는 데 사용되며, 2f8332c8dcfd5c7dec030a070bf652c3 SEO에 도움이 됩니다. 5c0e96d12fc7501cef2ae2efde646ee0 태그와 5c0e96d12fc7501cef2ae2efde646ee0를 사용하여 도구 모음 및 상황에 맞는 메뉴를 만들 수 있습니다. a7e92aa379a95c24a947f9b436d5f4f4 태그는 웹 텍스트와 그림의 레이아웃을 더욱 전문적으로 만들어줍니다. 새로운 b97864c2e0ef2353a16c4d64c7734e92 태그는 HTML5에서 가장 유용한 두 가지 태그입니다. 예를 들어 HTML5 페이지에 비디오를 삽입하려면 다음과 같은 짧은

코드만 필요합니다.

<video width="450" height="340" controls>  
  <source src="jamshed.mp4" type="video/mp4">  
   Your browser does&#39;nt support video embedding feature.  
</video>


마찬가지로 오디오도 마찬가지입니다. 다른 것도 비슷해요.

4. 새로운 양식
HTML5에서는 ff9c23ada1bcecdd1a0fb5d5a0f18437 태그가 많이 수정되었으며, 많은 새로운 속성이 추가되었습니다. .

5. a4b561c25d9afb9ac8dc4d70affff419 태그, 04a0d55efbbfd646a993fbc01f262c57, 3d49bde0e0b2e042578ad34140b6c48e 태그를 삭제합니다.

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

HTML5는 이전 버전에서 쿠키를 통해 구현되었던 로컬 저장을 지원합니다. HTML5 로컬 저장소는 빠르고

안전합니다. 그리고 HTML5에는 데이터를 저장하는 데 사용할 수 있는 두 가지 객체 가 있습니다. HTML5는 JS를 통해 데이터를 저장하고 액세스합니다.

localStorage는 데이터를 장기간 저장하는 데 적합합니다. , 브라우저가 닫히면


세션 이후에는 데이터가 손실되지 않습니다. 저장은 세션의 데이터 저장용으로만 사용됩니다. 저장된 데이터는 브라우저를 닫은 후 자동으로 삭제됩니다

일반적으로 HTML5는 마크업 언어를 능가했습니다. 이 범주에서는 의미론적 태그가 많을수록 HTML5가 더 유용해집니다. Canvas+WEBGL 및 기타 기술은 플러그인이 필요 없는

애니메이션과 이미지 및 그래픽 처리 기능을 실현하며, 웹소켓은 http의 순수 풀모델을 변경하여 데이터를 실현합니다. 푸시의 꿈; MathML, SVG 등이 더 풍부한 렌더링을 지원하는 등 현재 HTML5에 대한 이해는 피상적인 단계에 불과하며 앞으로 더 많은 통찰력을 얻기 위해 더 많은 HTML5 책을 읽을 것입니다.

[관련 추천]

1.

HTML5 무료 동영상 튜토리얼

H5와 기존 HTML의 차이점

3.

H5를 통한 카메라 기능 구현 상세 예시

4.

등록 페이지 제작을 위한 H5 코드 예시

5.

H5로 그리는 기본 방법을 가르쳐주세요

위 내용은 H5와 HTML4의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.