목차
<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> 태그 안의 내용은 웹문서에서 유일한 내용이여야 함 .
즉,
여러 페이지에 걸쳐 나타나는 내용이 오면 안 됨.
<main> 태그는 오직 웹문서에서 한번만 사용해야 함.
즉, 2개 이상 사용하면 안 됨 .
<main> 태그는 <article>, <aside>, <footer>, <header>, <nav> 등의 자식 요소로 들어가면 안 됨 .
HTML5에 새로 도입
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
