본문 바로가기

Web Programming

web 2 : 의미론적인 웹(Semantic Web)

Semantic Web : 의미론적인 웹

웹에서 html이 차지하는 역할은 정보이며,
html은 정보로서의 역할을 더 잘 수행하기 위해 끊임없이 변화와 발전을 거듭해왔다(HTML 1.0~HTML5)

그 중 하나가 디자인 역할을 하는 속성이 css로 분리하는 것,
그리고 html 문서의 정보로서의 가치를 더 높여주는 태그들이 있는데
그게 바로 시맨틱 웹 (정보의 의미를 더 잘 드러나게 한다)이다.

 

(1) 탐색의 nav

html 문서의 list에는
웹사이트를 탐색하는 네비게이션 같은 부분도 있고, 문서의 컨텐츠를 표시하는 부분도 있다.

*탐색하는 네비게이션이란 눌렀을 때 연결되어있는 페이지로 이동하는 것을 말함*

웹사이트를 탐색하는 정보를 좀 더 분명하게 표시해서 기계들도 이해할수 있게 하는 태그가
html5에 도입되게 되었다(<nav>) 

리스트를 <nav>라는 태그로 감싸면 기계는
이 컨텐츠가 네비게이션을 위한 컨텐츠라는 것을 분명하게 이해할 수 있다.

 

(2) 본문의 article

 

문서의 본문에 해당되는 내용은 <article> 태그로 나타내서
이 컨텐츠가 본문을 나타낸다는 것을 기계가 분명하게 이해 할 수 있게 한다. 

 

 

HTML은 사람에게도 기계에게도 정보로서의 가치가 있도록 발전하고 있다.
어떤 웹사이트를 만들때 그 웹사이트의 정보에 가장 적합한 형태의 태그를 잘 선정해서
의미를 전달할 수 있도록 만드는 것이 중요하다.

'Web Programming' 카테고리의 다른 글

web 5 : script의 위치 + use strict  (0) 2021.01.03
web 4 : html과 css파일 분리하기  (0) 2021.01.02
web 3 : CSS  (0) 2021.01.02
web 1 : html 태그와 리스트  (0) 2020.12.31