TIL 04 I Semantic Web, Semantic Tags

dongwheekeem·2021년 9월 1일
0

TIL

목록 보기
4/23
post-thumbnail

Semantic Web

사전적 의미: 의미를 가지는 웹

일반웹은 컴퓨터가 정보를 알지 못하지만, 시멘틱웹은 코드로서 문서의 의미에 맞게 구성된 웹이다.

<!--example 1-->
<font size="6"><b>Hello World</b></font>

<!--example 2-->
<h1>Hello World</h1>

위 예시로 출력되는 형태는 동일하지만 예시2와 같이 시멘틱태그로 되어 있는 코드는 컴퓨터가 의미를 이해하고 그걸 통해 가공하여 새로운 정보를 만들어낼 수 있다. ("저건 header 1 이구나")

반면 예제1은 단순히 'Hello World'라는 글의 폰트 사이즈 설정으로 아무 의미가 없어 컴퓨터가 의미를 알 수 없다. (단순히 메타데이터로만 브라우저에 알려주는 것이다)

Semantic Tags

사전적 의미: 의미를 갖는 태그

컴퓨터는 시멘틱 태그가 나오면 해당 내용이 어떤 의미를 갖고 있는지 파악할 수 있다. 그로 인해 사이트에 대한 정보를 보다 정확하게 제공할 수 있게 된다.

Semantic tags : img, table, form, p, h1 등
Non Semantic tags: div, span 등

⚙️ HTML 태그 중에서 img 태그는 해당 이미지에 대한 정보를 담게 되고, div 태그를 이용해 배경화면을 넣게 되면 단순히 배경화면을 꾸며주게 된다.

!!결론적으로 사이트를 만들 때 내가 의도하는 방향과 맞게 알맞는 태그를 활용해야 한다는 것이다!!

profile
실패란 못하는 것이 아니라 하지 않았기 때문에 생긴 결과물이다

0개의 댓글