[style] HTML - <main> 태그 ★ - 문서기본내용 (= main태그 = 메인태그)

목차

1. <main> 예제 - 문서 기본 내용
2. <main> 정의
3. <main> 관련 주소

<main> 예제 - 문서 기본 내용

<main> 정의

 

웹문서의 기본적인 주요 내용을 적는 단락 정의.

 

---

 

1. 

<main> 태그 안의 내용은 웹문서에서 유일한 내용이여야 함. 

즉, 
사이드바, 네비게이션 링크, 저작권 정보, 사이트 로고, 검색 창 등 

여러 페이지에 걸쳐 나타나는 내용이 오면 안 됨.

2. 

<main> 태그는 오직 웹문서에서 한번만 사용해야 함. 

즉, 2개 이상 사용하면 안 됨.

3. 

<main> 태그는 <article>, <aside>, <footer>, <header>, <nav> 등의 자식 요소로 들어가면 안 됨.

4. 

HTML5에 새로 도입

5. 

IE 제외한 주요 최신 브라우저 모두 지원.

<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