웹프로그래밍 - 3-3 시멘틱 태그

3/21 수업

 

시멘틱 태그(Semantic Elements)

 - 가독성을 높이기 위해 사용하는 메타 정보

-검색 엔진이 중요도를 판단하는 근거

태그	설명
<article>	내용을 정의
<aside>	페이지 콘텐츠를 제외한 콘텐츠를 정의 링크, 광고, 사이드바 표시 등
<footer>	문서 또는 섹션의 바닥글을 지정한다. 주로 저작권, 연락처 정보 등 내용이 삽입되며 <header>, <section>, <article> 등 다른 레이아웃 사용가능.
<header>	문서나 섹션의 머릿글을 지정
<main>	문서의 주요 내용을 지정
<nav>	네비게이션 링크를 정의
<section>	<header>, <footer>와 함께 문서의 구역을 정의 <section>안에 <section>을 넣을 수도 있고, <article>을 이용해 내용을 넣는다.

 

div와 nav는 동일하다.