HTML4 vs HTML5 차이점

HTML4와 HTML5의 차이점

 

1. 간략하고 명확해진 문법

 - DOCTYPE 선언 방법 : <! DOCTYPE html> 

 

2. 멀티미디어 요소

- video 밑 audio 태그 추가

- html4까지 Silverlight, flash의 지원을 받았어야 했다.

 

3. 사용자 위치 식별 액세스 추가

GeoLocation를 이용하여 보다 간단하게 사용자의 위치 액세스 가능

 

4. Client 측면의 저장소 (** WebStorage)

 - html4에서는 browser cache를 이용하여 데이터를 저장했다.

 - html5에서는 javascript 인터페이스를 통해 web sql 데이터 베이스 및 응용프로그램 사용이 가능하다.

 

** HTML Web Storage (localStorage, sessionStorage)

HTML Web Storage (localStorage, sessionStorage)

 

5. Client, Server에 WebSocket 통신 추가

 - html4에서 웹 소켓이 없어, streaming, polling을 통해 데이터 교환을 함.

 

6. JAVA Script thread 기능 강화

 - 기존엔 HTML4, JavaScript가 동일한 thread에서 실행됨

 - HTML5부터는 JAVAScript 및 브라우저 인터페이스를 별도로 실행시킬 수 있음

 

7. Browser 호환성

 - HTML4는 거의 모든 웹브라우저와 호환되나, HTML5는 아직 새로운 태그들이 추가되고 있어 호환성이 떨어짐.

 

 

HTML4와 HTML5 태그 차이점

 

1. <Applet> 제거 <Object> HTML5에 추가

 

2. <Acronym> 제거 <Abbr> HTML5에 추가

 

3. <hr> 의 사용법 차이

<hr> 태그는 HTML4 및 모든 이전 버전의 HTML에서 선을 그리는 데 사용되었지만 HTML5에서는이 태그의 기능이 변경되었으며 웹 페이지에서 주제 구분을 정의하는 데 사용됩니다.

4. <a> 태그 사용의 차이점
HTML4 및 이전 버전에서 <a> 태그는 링크를 참조 할뿐만 아니라 앵커로 사용되었습니다.HTML5에서 <a> 태그는 하이퍼 링크로만 사용됩니다.그러나 href 태그가 <a> 태그에서 제거되면 <a> 태그를 다른 하이퍼 링크의 자리 표시 자로 사용할 수 있습니다.

5. HTML5의 <meta> 태그에서 스키마 속성이 제거되었습니다.
<meta> 태그는 HTML 문서의 헤더 섹션에 정의되며 데이터에 대한 정보를 포함합니다.HTML4를 포함한 이전 버전의 HTML에서이 태그는 문서의 스키마를 정의한 schema라는 속성을 포함했습니다.그러나 HTML5에서는이 태그가 제거되었습니다.

속성의 변화

다음은 HTML5에서 수정 된 일부 속성입니다.

1. HTML4 및 이전 HTML 버전에서 스크립트 속성은 링크 태그에서 JavaScript 또는 기타 유사한 스크립트를 나타내는 데 사용되었습니다. HTML5에서 해당 스크립트 속성을 사용할 필요는 없습니다.

 

2. HTML5에서 <table> 태그는 하나의 속성 Border 만 가질 수 있으며이 속성의 값은 0 또는 1 일 수 있습니다. 이전에는 <table> 태그에 많은 속성이있었습니다.

 

3. 전 버전의 HTML에서 <meta> 태그에는 웹 페이지의 표준 문자 인코딩을 정의하는 문자 집합 속성이 없었습니다. 이 속성은 HTML5에 추가되었습니다.

 

새로 추가 된 HTML5 태그

다음은 HTML5에 추가된 태그입니다.

 

1. <canvas>

2. <video>

3. <audio>

4. <article>

5. <main>

6. <mark>

 

 

 

 

 

 

 

https://www.go4expert.com/articles/html4-vs-html5-comparison-t30141/

HTML4 Vs HTML5 Comparison