시멘틱 태그

<시멘틱 태그>

시멘틱 태그는  HTML5에서 도입된 태그들로, 문서의 구조를 더 명확하게 표시하기 위해 사용한다.

단순히 스타일을 적용하기 위한 것이 아니라, 문서의 의미와 구조를 더 잘 전달해 가독성을 높여 웹 페이지의 구성을 보기 쉽게 해준다

▼div
▷상단
<div id="header">  -->  <header>

▷움직이는 이미지
<div id="visual">

▷본문
<div id="container">
<div id="contents">

▷하단
<div id="footer">  -->  <footer>

▼내비게이션 링크
<nav>

▼주제별로 구분
<section>

▼내용넣기
<article>

 

▼이미지

<figure>

 

▼이미지 설명

<figcaption>

 

▼중요내용

<main>

 ㄴ 일부 브라우저에서 호환이되지 않아 사용안함