front-end/HTML
[수업-HTML] 03. HTML 영역/시멘틱 태그
HAyooni
2022. 8. 6. 18:44
영역 관련 태그
종류
|
설명
|
<div></div>
|
블록요소
|
<span></span>
|
인라인 요소
|
<style></style>
|
속성 집어 넣기(css)
|
시멘틱 태그
HTML5로 넘어오면서 div이지만 의미까지 포함된 시멘틱 태그를 사용하게 되었다.
종류
|
설명
|
<header></header>
|
웹 문서에서 머리말 영역을 나타낼 때 사용
제목, 제목 설명 등을 나타내는 요소 표함 body안에서 여러 번 사용가능 |
<nav></nav>
|
웹 문서에서 다른 웹 문서나 문서 내 다른 부분으로 이동하는 부분을 나타내고자할 때 사용
|
<aside></aside>
|
웹 문서의 광고같이 부가적인 정보를 구분하기 위해 사용
|
<section></section>
|
비슷한 그룹이나 문서를 묶기 위해 사용
|
<article></article>
|
- 웹 문서에서 주요 내용을 가진 본문을 나타낼 때 사용
- 실제로 나타내고자하는 내용을 갖고 있으므로 중요한 부분으로 인식되어 처리 - 여러개 article사용 가능 |
<footer></footer>
|
웹 문서의 저자 정보, 저작권 정보, 이용 조건 등을 나타내기 위해 사용
|