반응형
정의 및 특징
・<main> 태그는
해당 문서의 <body> 요소의
주 콘텐츠(main content)를 정의할 때 사용한다
・<main> 요소의 콘텐츠는 해당 문서의
중심 주제 또는 주요 기능과 직접적으로 관련되어 있거나
확장되는 콘텐츠로 구성되어야 하며
문서 전반에 걸쳐 반복되는 내용을 포함해서는 안된다
・하나의 문서에는 단 하나의 <main> 요소만이 존재해야 하며
<main> 요소는 <article>, <aside>, <footer>, <header>, <nav> 요소의 자손 요소가 되어서는 안된다
・<main> 태그는 HTML5에서 새롭게 추가된 요소이다
지원하는 브라우저
 |
 |
 |
 |
 |
 |
| 26.0 | 12.0 | 지원하지 않음 | 21.0 | 7.0 | 16.0 |
예제
<main>
<h2>슈퍼 마리오</h2>
<p>닌텐도의 대표 비디오 게임 시리즈</p>
<article>
<h3>오리지널 2D 마리오</h3>
<p>슈퍼 마리오브라더스부터 슈퍼 마리오 랜드 26개의 금화까지의 시리즈</p>
</article>
<article>
<h3>뉴 슈퍼 마리오브라더스 시리즈</h3>
<p>뉴 슈퍼 마리오브라더스부터 뉴 슈퍼 마리오브라더스 U 디럭스까지 현재 총 6개의 작품</p>
</article>
<article>
<h3>슈퍼 마리오 메이커 시리즈</h3>
<p>슈퍼 마리오 메이커와 슈퍼 마리오 메이커 2</p>
</article>
</main>슈퍼 마리오닌텐도의 대표 비디오 게임 시리즈오리지널 2D 마리오슈퍼 마리오브라더스부터 슈퍼 마리오 랜드 26개의 금화까지의 시리즈뉴 슈퍼 마리오브라더스 시리즈뉴 슈퍼 마리오브라더스부터 뉴 슈퍼 마리오브라더스 U 디럭스까지 현재 총 6개의 작품슈퍼 마리오 메이커 시리즈슈퍼 마리오 메이커와 슈퍼 마리오 메이커 2 |
| ■HTML 태그 레퍼런스 | |||
| HTML 태그 레퍼런스 - MAIN 돌아가기 |
반응형
'HTML' 카테고리의 다른 글
| HTML <mark> 태그 (0) | 2023.07.13 |
|---|---|
| HTML <map> 태그 (0) | 2023.07.12 |
| HTML <link> 태그 (0) | 2023.07.10 |
| HTML <li> 태그 (0) | 2023.07.09 |
| HTML <label> 태그 (0) | 2023.07.07 |
