Semantic Web이란?
Semantic Web은 '의미론적인 웹'이란 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다.
또 사람의 머리 속의 언어에 대한 이해를 컴퓨터 언어로 표현하고 이것을 컴퓨터가 사용할 수 있게 만다는 것을 말합니다.
결론적으로 Semantic Web은 웹에 존재하는 수많은 웹들의 메타데이터를 부여하여, 잡다한 데이터 집합이 아닌 ‘의미’ 와 ‘관련성’을 가지는 거대한 데이터베이스를 구축하고자 하는 발상입니다.
과거 시멘틱 웹이 고안되기 전
<div id="nav"></div>
고안 후
<nav></nav>
Semantic Tag란?
시맨틱 웹에서 사람과 기계가 이해할 수 있는 형태, 즉 활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 나온 tag 입니다.
조금 더 쉽게 말하자면 HTML5 언어에 익숙하지 않는 사람이 보고도 저 태그가 무엇을 의미하는지 알아볼 수 있도록 하는 태그를 Semantic Tag라고 합니다.
| Tag | 설명 |
|---|---|
| header | 페이지 상단이나 섹션의 머리말 |
| nav | 문서의 네비게이션, 메뉴 항목을 정의 |
| section | 문서의 구획들을 정의 |
| article | 본문 |
| aside | 글의 주제와 간접적으로만 연관된 부분을 나타냄 |
| details | 추가적인 정보를 사용자가 숨기거나 보일 수 있게함 |
| summary | 부모요소인 details 요소의 내용에 대한 요약이나 캡션등을 나타냄 |
| figure | 사진, 다이어그램 등과 같은 부가적인 요소를 정의 |
| main | 문서의 주가 되는 컨텐츠 정의 |
| mark | 하이라이트 또는 참조와 같은 표시를 필요로 하는 문자를 정의 |
| time | 날짜, 시간을 정의 |
| img | 이미지 |
| video | 비디오(영상) |
| audio | 사운드(소리) |
Assignment
"사이트에 이미지를 넣는 방법은 두 가지가 있는데 <img> 태그를 사용하는 것과 <div> 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."
<img>사용시 alt속성에 문자열을 넣을수 있고, 이 문자열은 meta정보가 되어 검색엔진은 이 문자열을 인식할수 있게 된다
<div>에 background-image속성을 추가하게 되면 단순 이미지 첨부이고, 이미지의 정보는 담지 못한다
