HTML이란
HTML(Hyper Text Markup Language)은 World Wide Web의 기본 언어, 즉 웹 페이지 개발을 위한 기본 언어이다.
HTML5는 HTML 표준의 5번째 업그레이드 버전이다.
웹 페이지를 열때마다 Active X나 Flash 등이 로딩을 지연시켰는데 이러한 현상을 줄이고자 HTML5가 나온 것이다.
HTML(HTML4)vs HTML5
1. Multimedia support :
HTML과 달리, HTML5는 오디오와 비디오 모두 지원한다.
2. Storage :
HTML은 캐시 메모리를 임시 저장소로 사용한다. 그러므로 쿠키를 사용하여 데이터를 저장한다.
반면, HTML5는 어플리케이션 캐시(application cache), sql 데이터베이스(sql database), 웹 스토리지(web storage) 등을 저장소로 사용할 수 있다.
쿠키 대신 로컬 저장소를 사용할 수 있다.
3. Threading :
HTML은 브라우저 인터페이스와 자바스크립트가 동일한 스레드에서 실행된다. 자바스크립트가 브라우저에서 실행되지 않는다.
반면, HTML5는 브라우저 인터페이스를 멀티스레드에서 실행할 수 있는 Javascript Web Worker API가 있다. 자바스크립트가 백그라운드에서 실행(멀티 스레드를 가리킴)된다.
HTML4에서 자바스크립트가 웹 브라우저 내에서 실행되지 않는다는 것은 html5에서 도입된 Web Worker 개념을 가리키는 것이다.
HTML4에서는 HTML 페이지에서 스크립트를 실행할 때 스크립트가 완료될 때까지 페이지가 응답하지 않는다. web worker는 페이지 성능에 영향 주지 않고 다른 스크립트와 독립적으로 백그라운드에서 실행되는 javascript이다.
즉, web worker가 백그라운드가 실행되는 동안, 클릭, 항목 선택 등 원하는 작업을 계속 수행할 수 있는 것이다.
4. Shapes :
HTML은 원, 직사각형, 삼각형과 같은 모양을 만들 수 없지만 HTML5는 이런 모양들을 그릴 수 있다.
HTML은 nav, header 같은 요소가 없지만, HTML5는 nav, header, footer 등과 같은 웹 구조를 위한 요소들이 존재한다.
5. Doc type & Character Encoding :
HTML은 doctype 선언과 문자 인코딩 선언이 너무 길지만, HTML5는 doctype 선언<! DOCTYPE html>과 문자 인코딩 선언<meta charset="UTF-8">이 간단하다.
참고
javatpoint - Difference between HTML and HTML5?
geeksforgeeks - Difference between HTML and HTML5
stackoverflow
HTML Web Workers API
velog.io/@wejaan
이 외에도
- 객체지향프로그래밍이란?
- 인라인 구조, 블록 구조 특징과 차이점
- 프로세스와 스레드
- 반응형웹과 적응형 웹의 차이
- CSS 우선순위
관련된 점을 공부해봐야겠다.
