article id #84
categorized under 웹이야기 & written by cryinglemon
categorized under 웹이야기 & written by cryinglemon
참고 : [w3schools - HTML5 New Elements] , [Sirjhswin님블로그]
새로운 요소 |
New <canvas> Element
Tag |
Description |
<canvas> |
스크립트를 통해 동적 그래픽을 콘텐츠를 나타내는 영역 |
New Media Elements
Teg |
Description |
<audio> |
오디오 콘텐츠 |
<video> | 동영상 콘텐츠 |
<source> | <video>, <audio> 콘텐츠의 자원 경로 |
<embed> |
외부 응용 프로그램 또는 상호작용 콘텐츠를위한 컨테이너(플러그인)를 정의. |
<track> | 자막 요소 |
New Form Elements
Teg | Description |
<datalist> |
입력 컨트롤에 대한 미리 정의 된 옵션 목록을 지정. |
<keygen> |
보안키 생성 |
<output> | 출력 영역 |
New Semantic/Structural Elements
Teg | Description |
<article> | 독립된 콘텐츠 영역 |
<aside> |
부가 콘텐츠 영역 |
<bdi> |
바깥쪽의 여러 텍스트와 다른 방향으로 서식이 지정된 글의 부분을 구분 |
<command> |
명령어 버튼 영역 |
<details> | 상세 정보 영역 |
<summary> | 상세 정보 요약 영역 |
<dialog> |
대화창, 창 정의 영역 |
<figure> | 캡션(caption)이 있는 콘텐츠 영역 |
<figcaption> |
<figure>를 위한 캡션(caption) 정의 |
<header> | 섹션(section)의 상단 |
<footer> | 섹션(section)의 하단 |
<hgroup> |
제목 그룹 |
<mark> |
강조된 텍스트(highlighted text)를 표시 |
<meter> |
한정된 범위값을 위한 요소 |
<nav> |
네이게이션(navigation) 링크 정의 영역 |
<progress> |
진행 상황 표시 |
<ruby> |
루비 주석 영역, 동아시아 문자를 표현할때 사용 |
<rt> |
<ruby>의 설명/발음등을 정의 |
<rp> |
<ruby>가 지원하지 않는 브라우저에 표시 할 내용을 정의 |
<section> | 문서 구역 |
<time> | 날짜나 시간 |
제거된 요소 |
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
'웹이야기' 카테고리의 다른 글
[매일 HTML5 공부 05] 섹션 관련 요소들 (0) | 2013.05.04 |
---|---|
[매일 HTML5 공부 04] HTML5 문서작성하는 5단계 (0) | 2013.05.03 |
[매일 HTML5 공부 02] 추가된 개념 (0) | 2013.05.02 |
[매일 HTML5 공부 01] 개요 (0) | 2013.05.02 |
[매일 HTML5 공부] 를 시작하며 (0) | 2013.05.02 |