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>
웹 문서의 저자 정보, 저작권 정보, 이용 조건 등을 나타내기 위해 사용