HTML과 HTML5

woolee의 기록보관소·2022년 10월 24일
0

FE개념정리

목록 보기
1/35

HTML이란?

HTML(Hyper Text Markup Language, 하이퍼텍스트와 마크업 언어의 조합)은 World Wide Web의 기본 언어, 즉 웹 페이지 개발을 위한 기본 언어이다. HTML5는 HTML 표준의 5번째 업그레이드 버전이다.


HTML(html4)과 HTML5의 차이

  1. Multimedia support :

html과 달리, html5는 오디오와 비디오 모두 지원한다.

  1. Storage :

html은 캐시 메모리(cache memory)를 임시 저장소로 사용한다. 그러므로 쿠키를 사용하여 데이터를 저장한다. 반면, html5는 어플리케이션 캐시(application cache), sql 데이터베이스(sql database), 웹 스토리지(web storage) 등을 저장소로 사용할 수 있다. 쿠키 대신 로컬 저장소를 사용할 수 있다.

  1. Threading :

html은 브라우저 인터페이스와 자바스크립트가 동일한 스레드에서 실행된다. 자바스크립트가 브라우저에서 실행되지 않는다.
반면 html5는 브라우저 인터페이스를 멀티스레드에서 실행할 수 있는 Javascript Web Worker API가 있다. 자바스크립트가 백그라운드에서 실행(멀티 스레드를 가리킴)된다.

html4에서 자바스크립트가 웹 브라우저 내에서 실행되지 않는다는 것은 html5에서 도입된 Web Worker 개념을 가리키는 것이다. html4에서는 html 페이지에서 스크립트를 실행할 때 스크립트가 완료될 때까지 페이지가 응답하지 않는다. web worker는 페이지 성능에 영향 주지 않고 다른 스크립트와 독립적으로 백그라운드에서 실행되는 javascript이다. 즉, web worker가 백그라운드가 실행되는 동안, 클릭, 항목 선택 등 원하는 작업을 계속 수행할 수 있는 것이다.

  1. Shapes :

html은 원, 직사각형, 삼각형과 같은 모양을 만들 수 없지만 html5는 이런 모양들을 그릴 수 있다.
html은 nav, header 같은 요소가 없지만, html5는 nav, header, footer 등과 같은 웹 구조를 위한 요소들이 존재한다.

  1. Doc type & Character Encoding :

html4.01은 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

profile
https://medium.com/@wooleejaan

0개의 댓글