구조를 잡을 때 사용하는 태그

구조를 잡을 때 사용하는 태그

• <header>
• <nav>
• <main>
• <article>
• <footer>
• <div>

 

 

<header>

웹 사이트의 머리글을 담는 공간이다.

 

<nav>

메뉴 버튼을 담는 공간이다. <ul>, <li>, <a>와 함께 사용한다.

 

 

<main>

문서의 주요 내용을 담는 태그이다.

IE(Internet Explorer)는 지원하지 않으므로 role="main" 속성을 필수로 입력해야 한다.

 

 

<article>

문서의 주요 이미지나 텍스트 등의 정보를 담고 구역을 설정하는 태그이다.

태그 내에 구역을 대표하는 타이틀 <h#> 태그가 존재해야 한다.

 

 

<footer>

가장 하단에 들어가는 정보를 표기할 때 사용한다.

 

 

<div>

임의의 공간을 만들 때 사용한다.