-
HTML5 학습하기 ‘HTML5 이란?’IT/HTML 2020. 4. 24. 07:54
1. HTML5 이란?
1) HTML5의 정의
HTML의 기본 기능을 넘어 다양한 콘텐츠와 어플리케이션을 브라우저에 표현하고 실행하기 위해 만들어지고 있는 언어이다. 확장 가능한 형태의 HTML 이며, CSS + HTML + JavaScript로 구성되어 있다. HTML은 기본 골격으로 CSS는 디자인 표현 및 관리적 요소이고, JavaScript는 프로그래밍적 요소이다.
2) HTML5의 등장 배경
HTML5가 등장하게 된 가장 큰 이유는 모바일 인터넷의 확장이다. 다양한 서비스를 제공함과 동시에 많은 기능을 추가할 수 없는 상황이며, 다양한 스마트폰마다 웹 브라우저가 다르기 때문에 HTML5가 등장하게 되었다.
3) HTML5의 주요 특징을 살펴보면 다음과 같다.
1) CSS3
모듈 기반으로 개발되고 있으며 구현이 쉽고, 그래픽 효과를 가지는 모듈이 추가되어 있다. 또한 각종 효과를 제공해주어 포토샵과 자바스크립트 및 서버측 기술에 일부를 대체할 수 있다.
2) 임베디드 오디오 및 비디오 지원
여러 종류의 디바이스에서 오디오 및 비디오를 실행할 수 있는 환경을 마련되어 있다.
3) 위치정보(Embedded geolocation)
HTML5에서는 별도의 IP위치정보 서비스를 이용하지 않고도 위치 정보를 파악할 수 있는데, 이는 브라우저가 IP 주소 또는 주위의 무선 공유기 정보 등을 파악하여 제공하기 때문이다.
4) 미디어 쿼리(Media queries)
스크린 사이즈(뷰포인트), 해상도 등에 따라 CSS 코드를 분기하여 최적화된 UX(User Experience) 제공한다.
5) 캔버스(Canvas drawing)
브라우저에서 2D 그래픽을 지원하는 기능으로 SVF와는 다르게 픽셀 단위로 2D 그래픽을 그릴 수 있는 기능이 있다.
이것으로 HTML5의 정의와 등장하게 된 이유 및 주요 특징에 대해서 알아보았습니다.
'IT > HTML' 카테고리의 다른 글
HTML5 학습하기 ‘HTML5 시맨틱 태그 2 - 비디오’ (0) 2020.04.28 HTML5 학습하기 ‘HTML5 시맨틱 태그 1 - 이미지’ (0) 2020.04.27 HTML5 학습하기 ‘HTML5 기본 구조 및 문법의 기초’ (0) 2020.04.25 HTML5 학습하기 ‘HTML과 XHTML에 대하여’ (0) 2020.04.23 HTML5 학습하기! ‘웹 표준의 기본지식’ (0) 2020.04.16