HTML 5

2009.07.19. Sunday PM 11:05. Posted in 마크업. 0 comment

개요

이번 달 초에 나온 얘기지만, W3C 뉴스에 의하면 XHTML2 워킹 그룹은 2009년을 마지막으로 더 이상 실무를 진행하지 않고, W3C는 HTML5에 더 많은 지원을 할 것으로 전해졌습니다. 차니님 블로그 포스트를 참고하시면 좀 더 심도있는 내용을 보실 수 있습니다.

그리하여, HTML5는 이제 모든 마크업 스펙들 중 가장 빠르게 발전할 수 있고, 유연성을 갖추고, 사용자들에게 인정 받을 수 있는 여건을 마련하였다고 생각합니다. WHATWG의 노력을 빛을 발하기 직전이군요. 현재 HTML5는 2009년 7월 16일자로 Editor’s Draft가 상태가 되었네요. 2009년 5월 23일자로 Working Draft 였는데 다시 Editor’s Draft로 내려갔습니다.

HTML 5에서 HTML 4 기준으로 추가된 태그와 삭제된 태그를 색상으로 구분하였습니다. 변경될 여지는 아직 많이 있지만, 우선적으로 공개된 자료를 기반으로 정리하였습니다. Editor’s Draft기 때문에, 변경될 여지는 충분할 것으로 보입니다.

태그 요약표

태그 설명 버전 속성들
<!— —> 주석 – Comment 4 / 5 없음
<!DOCTYPE> 문서 타입 – document type 4 / 5 없음
<a> 하이퍼링크 – hyperlink 4 / 5 href | hreflang | media | ping | rel | target | type
<abbr> 약어, 약자 – abbreviation 4 / 5 Global Attributes
<acronym> 두문자어 – abbreviation 4 -
<address> 주소 요소 – address element 4 / 5 Global Attributes
<applet> 애플릿 – applet 4 -
<area> 이미지맵 범위 – area inside in image map 4 / 5 alt | coords | href | hreflang | media | ping | rel | shape | target | type
<article> 구역, 섹션 – article 5 Global Attributes
<aside> outside the main flow of the narrative 5 Global Attributes
<sound> 사운드 콘텐츠 – sound content 5 autobuffer | autoplay | controls | loop | src
<b> 텍스트 진하게 – bold text 4 / 5 Global Attributes
<base> 페이지 내 모든 링크의 기본 링크 – base URL for all the page links 4 / 5 href | target
<basefont> 문서 내 기본 폰트 – base font for the document 4 -
<bb> 유저 에이젼트 호출 – invoked user agent 5 type
<bdo> 텍스트 출력 방향 – direction of text display 4 / 5 dir
<big> 큰 텍스트 – big text 4 -
<blockquote> 긴 인용문 – long quotation 4 / 5 cite
<body> body 엘리먼트 – body element 4 / 5 Global Attributes
<br> 한 줄 바꿈 – insert a single line break 4 / 5 Global Attributes
<button> 버튼 – push button 4 /5 autofocus | disabled | form | formaction | formenctype | formmethod | formnovalite | formtarget | name | type | value
<canvas> 그래픽 범위 – canvas area 5 width | height
<caption> 테이블 제목 – table caption 4 / 5 Global Attributes
<center> 텍스트 중앙 정렬 – centerd text 4 -
<cite> 인용 – citation 4 / 5 Global Attributes
<code> 컴퓨터 코드 텍스트 – computer code text 4 / 5 Global Attributes
<col> 테이블 컬럼 속성 – attributes for table columns 4 / 5 span
<colgroup> 테이블 컬럼 그룹 – groups of table columns 4 / 5 span
<command> 명령 버튼 – command button 5 checked | default | disabled | hidden | icon | label | radiogroup | type
<datagrid> 트리, 리스트, 테이블의 데이터 – data in a tree, list or tabular 5 disabled
<datalist> 드롭다운 리스트 – dropdown list 5 Global Attributes
<dd> 정의 설명 – definition description 4 / 5 Global Attributes
<del> 삭제된 텍스트 – deleted text 4 / 5 cite | datetime
<details> 요소의 세부 항목 – details of an element 5 open
<dialog> 대화 (회화) – dialog (conversation) 5 Global Attributes
<dir> 디렉토리 리스트 – directory list 4 -
<div> 문서 섹션 – setion in a document 4 / 5 Global Attributes
<dfn> 용어 정의 – definition term 4 / 5 title
<dl> 정의 목록 – definition list 4 / 5 Global Attributes
<dt> 용어 정의 – definition term 4 / 5 Global Attributes
<em> 텍스트 강조 – emphasized text 4 / 5 Global Attributes
<embed> 외부 인터렉션 콘텐츠 또는 플러그인 – external interactive content or plugin 5 height | src | type | width
<fieldset> 필드셋 – fieldset 4 / 5 disabled | form | name
<figure> 미디어 콘텐츠 그룹과 그것들의 제목 – group of media content, and their caption 5 Global Attributes
<font> 텍스트 폰트, 사이즈, 색상 – text font, size, and color 4 -
<footer> 섹션 또는 페이지 풋터 – footer for a section or page 5 Global Attributes
<form> 서식(폼) – form 4 / 5 action | data | replace | accept | accept-charset | enctype | method | target
<frame> 서브 윈도우 – sub window 4 -
<frameset> 프레임 세트 – set of frames 4 -
<h1> ~ <h4> 헤드 요소 – header 1 to header 6 4 / 5 Global Attributes
<head> 문서에 대한 정보 – information about ther document 4 / 5 -
<header> 세션 또는 페이지의 헤더 5 Global Attributes
<hgroup> 헤딩 섹션 – heading section 5 Global Attributes
<hr> 수평 선 – horizontal rule 4 / 5 Global Attributes
<html> html 문서 – html document 4 / 5 manifest
<i> 텍스트 기울기 – italic text 4 / 5 Global Attributes
<iframe> 내부 서브 윈도우(프레임) – inline sub window(frame) 4 / 5 src | name | sandbox | seamless | width | height
<iframe> 내부 서브 윈도우(프레임) – inline sub window(frame) 4 / 5 src | name | sandbox | seamless | width | height
<img> 이미지 – image 4 / 5 alt | src | height | ismap | usemap | width
<input> 입력 필드 – input field 4 / 5 accept | alt | autocomplete | autofocus | checked | disabled | form | formaction | formenctype | formmethod | formnovalite | formtarget | height | list | max | maxlength | min | multiple | name | patter | placeholder | readonly | required | size | src | step | type | value | width
<ins> 삽입된 텍스트 – inserted text 4 / 5 cite | datetime
<isindex> 한 줄 입력 필드 – single-line input field 4 -
<kbd> 키보드 텍스트 – keyboard text 4 / 5 Global Attributes
<label> 폼 콘트롤에 대한 라벨 – label for a form control 4 / 5 for
<legend> 필드셋 타이틀 – fieldset title 4 / 5 Global Attributes
<li> 리스트 아이템 – list item 4 / 5 value
<link> 참조 리소스 – resource reference 4 / 5 href | rel | media | hreflang | type |sizes
<mark> 기호 텍스트 – marked text 5 Global Attributes
<map> 이미지 맵 – image map 4 / 5 id
<menu> 메뉴 리스트 – menu list 4 / 5 id
<meta> 메타 정보 – meta information 4 / 5 charset | content | http-equiv | name
<meter> 정의 된 범위내에서의 측정 – measurement within a predefined range 5 Global Attributes
<nav> 내비게이션 링크들 – navigation links 5 Global Attributes
<noframes> 노 프레임 섹션 – noframe section 4 -
<noscript> 노 스크립트 섹션 – noscript section 4 / 5 -
<object> 오브젝트 임베디드 – embeded object 4 / 5 data | height | type | usemap | width | object
<ol> 순서 리스트 – ordered list 4 / 5 start | reversed
<optgroup> 옵션 그룹 – option group 4 / 5 disabled | label
<option> 드롭-다운 리스트의 옵션 – option in a drop-down list 4 / 5 disabled | label | selected | value
<output> 출력의 몇가지 형식들 – some types of output 5 form
<p> 단락 – paragraph 5 Global Attributes
<param> 오브젝트 파라미터 – parameter for an object 4 / 5 name | value
<pre> 설정된 텍스트 – preformatted text 4 / 5 Global Attributes
<progress> 어떠한 작업의 진행 사항 – progress of a task of any kind 4 / 5 Global Attributes
<q> 짧은 인용문 – short quotation 4 / 5 cite
<ruby> 루비 주석 – ruby annotations 5 Global Attributes
<rp> 루비 텍스트 주위로 괄호를 생성 – provide parentheses around a ruby text 5 Global Attributes
<rt> 루비 텍스트 콤포넌트 – ruby text component 5 Global Attributes
<s> 중간라인 텍스트 – strikethrough text 4 -
<samp> 샘플 컴퓨터 코드 – sample computer code 4 / 5 Global Attributes
<script> 스크립트 – script 4 / 5 async | type | defer | src | charset
<section> 섹션 – section 5 cite
<select> 선택 가능한 리스트 – selectable list 4 / 5 autofocus | data | disabled | form | multiple | name
<small> 작은 텍스트 – small text 4 / 5 Global Attributes
<source> 미디어 리소스 – media resources 5 media | src | type
<span> 내부 섹션 – inline section 4 / 5 Global Attributes
<strike> 중간라인 텍스트 – strikethrough text 4 -
<strong> 굵은 글씨 – strong text 4 / 5 Global Attributes
<style> 스타일 선언 – style definition 4 / 5 media | type | scoped
<sub> 아래 첨자 – subscripted text 4 / 5 Global Attributes
<sup> 위 첨자 – superscripted text 4 / 5 Global Attributes
<table> 테이블 – table 4 / 5 Global Attributes
<tbody> 테이블 body – table body 4 / 5 Global Attributes
<td> 테이블 쉘 – table cell 4 / 5 colspan | rowspan | headers
<textarea> 텍스트 text area 4 / 5 autofocus | cols | disabeld | form | name | readonly | required | rows | maxlength | placeholder | wrap
<tfoot> 테이블 풋터 – table footer 4 / 5 Global Attributes
<th> 테이블 헤더 – table header 4 / 5 colspan | rowspan | scope
<thead> 테이블 헤더 – table header 4 / 5 Global Attributes
<time> 날자 시간 – date / time 4 / 5 Global Attributes
<title> 문서 타이틀 – document title 4 / 5 -
<tr> 테이블 행 – table row 4 / 5 Global Attributes
<tt> 텔레 타이프 텍스트 – teletype text 4 -
<u> 텍스트 밑줄 – underlined text 4 -
<ul> 비정렬 리스트 – unordered list 4 Global Attributes
<var> 변수 – variable 4 / 5 Global Attributes
<video> 비디오 – video 5 src | poster | autobuffer | autoplay | loop | controls | width | height
<xmp> preformatted text 4 -

Global Attributes

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

코멘트

앞으로 좀 더 상세한 HTML 5 Guide를 정리하도록 하겠습니다.

관련글

글 정보

댓글을 남겨주세요.

댓글 폼