아래는 html5에 새로 등장한 요소들입니다.
<header> <!-- 페이지나 섹션등의 헤더를 정의합니다 -->
<nav> <!-- 문서의 주요 네비게이션을 정의합니다 -->
<section> <!-- 장이나 절 등으로 구성할 수 있는 콘텐츠 섹션을 정의합니다 -->
<article> <!-- 재배포할 가치가 있는 독립된 콘텐츠를 정의합니다 -->
<aside> <!-- 본문 콘텐츠와 연관성이 적은 콘텐츠를 정의합니다 -->
<footer> <!-- 페이지나 섹션 등의 헤더를 정의합니다 -->
<main> <!-- 문서의 주요 콘텐츠 영역을 정의합니다 -->
<details> <!-- 사용자의 선택에 따라 표시/숨김 영역을 정의합니다 -->
<summary> <!-- <details> 요소에 대한 제목을 정의합니다 -->
<figure> <!-- 비디오, 오디오, 이미지 표 등을 포함합니다 -->
<figcaption> <!-- <figure> 요소에 포함된 콘텐츠에 대해 설명을 작성합니다 -->
<mark> <!-- 텍스트 요소를 하이라이트로 지정합니다 -->
<time> <!-- 날짜 및 시간 정보를 정의합니다 -->
<bdi> <!-- 문단 내 일부 텍스트의 방향을 지정합니다 -->
<wbr> <!-- 특정 단어 단위로 줄바꿈을 적용합니다 -->
<dialog> <!-- 사용자의 입력이나 응답을 요구하는 팝업등을 연출합니다 -->
<meter> <!-- 알 수 있는(한정된) 범위를 표현합니다 -->
<progress> <!-- 요청의 진행 상황을 표현합니다 -->단, ie9미만 즉 ie6 ie7 ie8버전에서는 html5에서 새로 등장한 요소를 인식하지 못합니다.
아래의 코드(구글 개발자 제공)를 <head>와 </head>사이 또는 </body>태그 바로 전에 삽입하여 해결할 수 있습니다.
<!--[if lt ie 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->'스터디 > HTML' 카테고리의 다른 글
| 모바일 사이트 구축시의 메인페이지 (0) | 2014.10.07 |
|---|---|
| HTML5 기본 형식 선언 (0) | 2014.10.07 |
