<article>
<article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 독립적인 컨텐츠에는 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등이 있으며, 각각의 컨테츠에는 제목(<h1>~<h6>)이 표시되어야 합니다.
<article>
<article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
| 특징 | 설명 |
|---|---|
| 요소 | 블록 요소(Block Element) |
| 닫는 태그 | 적용(<article> ~ </article>) |
| 버전 | HTML5 |
| 시각적 표현 | - |
| 사용성 | ★★★★★ |
정의(Definition)
- <article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
- <article> 태그는 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등 콘텐츠의 독립적인 항목을 나타냅니다.
- <article> 태그는 독립적인 컨텐츠의 내용이 명시적으로 나열되고, 각각의 컨테츠에는 제목(<h1>~<h6>)이 표시되어야 합니다.
- <section>은 하나의 주제를 나타낸다면, <article>은 주제를 묶는 독립적인 콘텐츠를 나타냅니다.
- <section> 요소 안에 <article> 요소를 쓸 수 있으며, <article> 요소 안에도 <section> 요소를 쓸 수 있습니다.
섹션 관련 요소(Section Related Elements)
- <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.
- <article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
- <section> 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다.
- <nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
- <aside> 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다.
- <h1>~<h6> 태그는 각 섹션의 제목을 설정합니다.
- <header> 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다.
- <footer> 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다.
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <article> | ○ | ○ | ○ | ○ | ○ | ❌ | ❌ | ❌ | ○ | ○ | ○ | ○ | ○ | ○ |
