Semantic Tag

less than 1 minute read

SEMANTIC TAG

시맨틱 태그?

https://kutar37.tistory.com/entry/%EC%8B%9C%EB%A9%98%ED%8B%B1-%ED%83%9C%EA%B7%B8-Semantic-Tag

자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.

img

태그 설명
내용을 정의한다.
페이지 콘텐츠를 제외한 콘텐츠를 정의한다. 링크, 광고, 사이드바 표시 등.
사용자가 보거나 숨길 수있는 추가 세부 정보를 정의한다.
요소에 대한 캡션을 정의한다.
일러스트레이션, 다이어그램, 사진, 코드 목록 등과 같은 자체 포함 된 콘텐츠를 지정한다.
문서 또는 섹션의 바닥글을 지정한다.주로 저작권, 연락처 정보 등 내용이 삽입되며<header>, <section>, <article> 등 다른 레이아웃 사용가능.
문서나 섹션의 머릿글을 지정한다.사이트 맨 위쪽이나 왼쪽에 사용하며 헤더 안에 <form> 태그를 이용, 검색창을 넣거나 <nav>태그를 이용해 사이트메뉴를 넣는다.
문서의 주요 내용을 지정한다.
강조표시된 텍스트를 정의한다.형광펜을 칠한 것처럼 노랗게 칠해진다.
네비게이션 링크를 정의한다. 같은 사이트내의 링크나 다른 사이트로의 링크들의 모음이다.
<header>, <footer>와 함께 문서의 구역을 정의한다. <section>안에 <section>을 넣을 수도 있고, <article>을 이용해 내용을 넣는다.
요소를 위한 눈에 보이는 제목을 정의한다.
날짜/시간을 정의한다.

Categories:

Updated: