HTML : 시맨틱 웹(Semantic Web) - <header>

HTML : 시맨틱 웹(Semantic Web) - <header>

---

HTML : 시맨틱 웹(Semantic Web) - <header>

<header>

• 소개 및 탐색에 도움을 주는 콘텐츠를 넣는다.
• 제목, 로고, 검색 폼, 작성자 이름 등의 요소를 포함한다.
• 소개를 위한 요소로 넣을 경우 전체 웹페이지에 하나만 사용해야한다.

 

---

페이지 제목 예시

: 페이지 전체를 아우르는 제목 <h1>으로 작성 시 사용한다.

Main page

예시를 위한 글입니다.

<header>
	<h1>Main page </h1>
    <p>예시를 위한 글입니다.</p>
</header>

 

---

글 제목 예시 

: 각각의 기사, 아티클엔 <h2>나 <h3>을 사용해야 한다.

 

The Planet Earth

Posted on Wednesdaty, 3 03 2022 by me

blah blah blah ~

<article>
	<header>
		<h2>The Planet Earth</h2>
		<p>Posted on Wednesdaty,
        <time datetime="20202-03-10">3 03 2022 </titme>
		by me </p>
	</header>
	<p> blah blah blah ~ </p>
</article>

 

---

기술 요약 

• 콘텐츠 카테고리 : 플로우 콘텐츠
• 가능한 콘텐츠 : 플로우 콘텐츠 , 단 다른 <header>또는 <footer>는 하위로 올 수 없다.
• 태그 생략 : 종료 태그 생략 불가
• 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소 단, <footer> 혹은 또 다른 <header>는 하위 요소로 올 수 없다.

 

 

 

2022.05.27 - [TIL/HTML] - HTML : 시맨틱 웹(Semantic Web)

HTML : 시맨틱 웹(Semantic Web)