[HTML] HTML5 역사/특징/ 알아보자

😎 HTML5 역사

처음 HTML 이 생긴 목적은 **다양한 환경에서 웹 페이지의 컨텐츠들을 열람함에 있어 동일하게 볼 수 있도록 약속의 필요성을 느껴** 탄생했다.

언어를 새롭게 고안하는 중 "SGML(문서용 언어)" 의 형식이 웹 페이지를 표현하기에 적합하다는 것을 알게되었다. 나중에 SGML 언어에서 웹 형식에 필요한 것만 정리를 하여 HTML을 만들게 되었다.

새로운 버전의 HTML 이 계속 출시되고 발전해왔지만 웹 사이트 종류 또는 버전에 따라 화면이 다르게 보이는 현상이 있었다. 부족했던 HTML이 그동안의 한계를 극복하게 된 것은 HTML5 가 되어서야 완전하게 웹 표준의 정착한다.

CSS3, JavaScript API를 통한 기능의 확장과 결합을 통해 기존의 HTML 이상의 의미를 가진다.

😏 HTML5 변경사항 정리

요소

의미(Sementic) : header, nav, main, section, aside, article, footer, figure
멀티미디어 : video, audio
그래픽 : canvas, svg
input 요소 타입 : number, date, time, calendar, range

자바스크립트 API

Geolocation
Drag and Drop
Web Storage
Application Cache
Web Worker
Server Sent Events

🤔 HTML5 주요 특징

• HTML5 부터 플러그인 추가 설치 없이 동영상, 음악을 웹 브라우저 상에서 곧바로 재생 가능
• SVG 태그를 이용한 2차원 벡터 그래픽과 자바 스크립트 캔버스를 사용한 2차원 래스터 그래픽, CSS3과 JavaScript WebGL을 사용한 3차원 그래픽의 구현 가능
• 실시간 서버와 양방향 통신 수행 가능
• 스마트폰 베터리 잔량 확인, GPS 통한 위치 확인 및 장치 접근 가능
• 오프라인 상태에서도 작업 가능

🙄 HTML5 의 매우 유연한 문법

• 태그 이름에 대문자 사용
• 속성값에 따옴표 생략
• 속성값 생략
• 빈태그의 종료 태그(/) 생략