Semantic Web? Semantic Tags?

isy·2022년 3월 29일
0

TIL

목록 보기
1/7
post-thumbnail

Semantic ?

의미론적인, 프로그래밍에서 코드 조각의 의미를 나타낸다.

Semantic Web ?

의미론적인 웹; 기계가 이해할 수 있는 형태로 제작된 웹을 뜻한다.
메타 데이터를 부여한 웹페이지들의 집합

Semantic Tags?

브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명하는 태그

non-semantic 요소

-> div, span 등이 있으며 이 태그들은 콘텐츠에 대해 어떤 의미가 없다

semantic 요소

-> img, form, table 등이 있으며 이 태그들은 콘텐츠의 명확한 의미를 설명한다. 따라서 코드의 가독성을 높이고 유지보수를 쉽게 한다.

semantic tag 종류

<header></header>
<nav></nav>
<aside></aside>
<section></section>
<article></article>
<footer></footer>

예시

<font size="5"><b>안녕하세요</b></font>
<h1>안녕하세요</h1>

-> 각 줄의 결과는 같다.
첫 번째 줄은 의미론적으로 어떤 의미를 갖지 않는다.
두 번째 줄은 header(h, 제목) 중 가장 상위 레벨이라는 의미를 가지고 있다.

시맨틱 태그들에 의해 시맨틱 웹이 실현될 수 있다.

0개의 댓글