html5 #
Find similar titles

Structured data

Category: Programming

HTML5

HTML5 #

차세대 웹 표준으로 확정(2014년 10월 28일)되었으며, 기존 텍스트와 하이퍼링크만 표시하던 HTML이 멀티미디어 등 다양한 애플리케이션까지 표현·제공하도록 진화한 “웹 프로그래밍 언어“이다. 가령, 오디오·비디오·그래픽 처리, 위치정보 제공 등 다양한 기능을 제공함으로써, 웹 자체에서 처리할 수 있는 기능이 대폭 향상 되었다. 웹 표준에 다양한 기능이 있어, 별도의 프로그램이 불필요하며, 어느 브라우저에서도 이용이 가능하며, 하나의 모바일 웹 개발로 어느 플랫폼에서도 사용이 가능하다. 사용자의 경우, 인터넷만 접속하면 스마트폰, 태블릿 pc, pc등 기기와 애프리나 구굴 등 벤더에 상관없이 소프트웨어나 contents 등을 이용할 수 있다.

주요기능 #

* 3D, GRAPHICS & EFFECTS : 다양한 2차원 및 3차원 그래픽 기능을 지원
* CONNECTIVITY : 웹 (클라이언트)에서 서버 측과 직접적인 양방향 통신 가능
* CSS3 : 글씨체, 색상, 배경 등 다양한 스타일 및 이펙트 기능 제공
* DEVICE ACCESS : 카메라, 동작센서 등의 H/W 기능을 웹에서 직접적으로 제어
* MULTIMEDIA : 비디오 및 오디오 기능을 자체적으로 지원
* OFFLINE & STORAGE : 네트워크 미지원 환경에서도 웹 이용을 가능하게 함
* PERFORMANCE & INTEGRATION : GPS없이도 단말기의 지리적인 위치 정보를 제공
* SEMANTICS : 웹 자료에 의미를 부여하여 사용자 의도에 맞는 맞춤형 검색 제공

구문 #

HTML4와 대부분 호환되지만 일부 구문과는 호환되지 않는다. XML 구문을 사용할 수 있지만 XML 미디어 타입으로 제공되어야 한다. 브라우저가 표준 모드로 동작하도록 하는 <!DOCTYPE html> doctype을 선언해야 한다. 인코딩을 선언해야 하고 다음 세가지 방법을 사용할 수 있다. 1. HTTP의 Content-Type 헤더 사용 2. 파일의 BOM 이용 3. meta 요소의 charset 속성 사용

추가사항 및 변경사항 #

추가 태그 #

section : 문서의 섹션을 의미하며 문서의 구조를 기술하기 위해서 h1 ~ h6 요소를 함께 사용한다.

article : 독립적인 문서를 의미한다. (블로그 글, 신문 기사)

main : HTML5에서는 한 문서에 하나만 쓸 수 있으며 페이지의 본문처럼 주요 내용을 포함하는 요소로 사용할 수 있다.

header : 소개나 네비게이션 영역을 나타낸다.

footer : 섹션의 푸터를 의미하며 저자나 저작권등의 정보를 표시한다.

nav : 네비게이션을 위한 섹션을 의미한다.

figure : 본문에서 참조할 수 있는 독립적인 사진과 같은 콘텐츠를 의미한다.

template : 스크립트에서 활용할 수 있는 HTML 조각을 선언하는데 사용한다.

새로운 용도로 추가된 태그 #

embed : 플러그인 콘텐츠를 표현한다.

mark : 참조를 위한 표시를 하기 위해 사용한다.

progress : 진행상황을 표기하기 위해 사용한다.

meter : 측정값을 표시하기 위해 사용한다.

time : 날짜나 시간을 표시하기 위해 사용한다.

data : 기계가 읽어들이는 데이터를 표시한다(WHATWG HTML, HTML5.1).

dialog : 다이얼로그를 표시한다(WHATWG HTML).

bdi : 좌에서 우, 우에서 좌로 기술되는 언어를 표기할 때 사용한다.

wbr : 개행을 할 수 있다는 표시를 할 때 사용한다.

canvas : 비트맵 그래픽을 표현하기 위해서 사용한다.

command : 팝업 메뉴에서 사용자가 실행할 수 있는 명령을 나타낸다.

details : 사용자의 인터랙션에 의해서 보여지는 추가적인 정보나 컨트롤을 나타낸다.

summary 요소를 사용해서 요약이나 범례, 캡션을 나타낼 수 있다.

datalist : input 요소의 list 속성으로 연결해서 콤보박스를 표현한다.

keygen : 생성된 키 쌍을 나타낸다.

output : 출력내용을 표현한다.

참고 #

wikipedia: https://ko.wikipedia.org/wiki/HTML5