HTML <article> 태그
정의 및 특징
<article> 태그는 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의할 때 사용합니다.
<article> 요소에 포함될 수 있는 내용은 다음과 같습니다.
- 포럼(forum) 포스트
- 블로그 포스트
- 보도 기사
- 논평(comment) 등
예제
<article>
<h2>2월 19일 날씨 정보</h2>
<h3>서울</h3>
<p>맑음</p>
<h3>대전</h3>
<p>흐림</p>
<h3>부산</h3>
<p>비</p>
</article>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <article> | 5.0 | 지원함 | 9.0 | 4.0 | 4.1 | 11.1 |
HTML5 미지원 브라우저에서의 사용 방법
인터넷 익스플로러 8 또는 그 이하 버전처럼 HTML5를 지원하지 않는 브라우저이거나 해당 브라우저의 스크립팅 기능이 꺼져있을 경우에는 HTML5의 섹션과 제목 요소를 제대로 지원하기 위해 다음과 같은 코드를 추가해야 합니다.
| <!--[if lt IE 9]> <script> document.createElement("article"); document.createElement("aside" ); document.createElement("footer" ); document.createElement("header" ); document.createElement("hgroup" ); document.createElement("nav" ); document.createElement("section"); document.createElement("time" ); </script> <noscript> 여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. </noscript> <![endif]--> |
HTML5에서 변경된 사항
<article> 태그는 HTML5에서 새롭게 추가된 요소입니다.
CSS 기본값
| article { display: block; } |
