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

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

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

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

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

3 새로운 많은 태그
HTML5 디자인의 한 가지 원칙은 웹사이트의 의미를 더 잘 반영하는 것입니다. 따라서

footer>는 웹페이지의 구조를 명확하게 표시하는 데 사용되며,

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

태그는 웹 텍스트와 그림의 레이아웃을 더욱 전문적으로 만들어줍니다. 새로운

코드만 필요합니다.

<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에서는

태그가 많이 수정되었으며, 많은 새로운 속성이 추가되었습니다. .

5. 태그, , 태그를 삭제합니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!