목차
- <main> 예제 - 문서 기본 내용
- <main> 정의
- <main> 관련 주소
<main> 예제 - 문서 기본 내용
<main>
<h1>웹디자인 기초</h1>
<p>HTML, CSS, JAVASCRIPT</p>
<article>
<h1>HTML</h1>
<p>홈페이지 뼈대 - 기본적인 골격 구성</p>
</article>
<article>
<h1>CSS</h1>
<p>홈페이지 치장 - 골격 보강 및 디자인</p>
</article>
<article>
<h1>JAVASCRIPT</h1>
<p>홈페이지 액션 - 화려한 움직임 효과</p>
</article>
</main>
결과보기
<main> 정의
웹문서의 기본적인 주요 내용을 적는 단락 정의.
1.
<main> 태그 안의 내용은 웹문서에서 유일한 내용이여야 함.
즉,
사이드바, 네비게이션 링크, 저작권 정보, 사이트 로고, 검색 창 등
여러 페이지에 걸쳐 나타나는 내용이 오면 안 됨.
2.
<main> 태그는 오직 웹문서에서 한번만 사용해야 함.
즉, 2개 이상 사용하면 안 됨.
3.
<main> 태그는 <article>, <aside>, <footer>, <header>, <nav> 등의 자식 요소로 들어가면 안 됨.
4.
HTML5에 새로 도입
5.
IE 제외한 주요 최신 브라우저 모두 지원.
PS. <main> 태그는 전역속성・이벤트속성 지원함.
<main> 관련 주소
mdn <main> 강의
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main (영어)
https://developer.mozilla.org/ko/docs/Web/HTML/Element/main (한국어)
<main> 샘플
https://codepen.io/sinbi/pen/LYGBjxJ
