Semantic Tags(시맨틱 태그)
시맨틱 요소란→ 자체가 의미를 갖고 있는 요소를 의미한다.
시맨틱 태그 자체만으로 해당 태그가 어떤 의미를 갖는지를 알 수 있다.
html요소는 시맨틱 요소(semantic)와, 논-시맨틱(non-semantic) 요소 두 가지로 나눌 수 있는데
논-시맨틱의 예시로 <div>, <span> 등이 있다.
위의 두 태그들의 경우 해당 영역을 서로 묶어준다는 역할은 갖고 있으나,
태그 자체만으로 태그들이 어떤 컨텐츠를 보여주는지는 알 수 없다.
반면 시맨틱 태그 중 하나인 img의 경우,
태그 이름만 봐도 어떤 컨텐츠를 보여줄지 명확하게 유추해낼 수 있다.
Semantic Web(시맨틱 웹)
시맨틱 웹은 ‘의미론적인 웹’이라는 의미로, 기계가 바로 이해할 수 있도록 제작된 웹을 의미한다.
과거에는 여러 차례에 걸쳐 입력한 요소들을 특정 태그 하나를 통해 단번에 결과를 내는 경우다.
이를테면 과거에는 div로 영역을 묶은 후 “header”라는 값을 지정해 컴퓨터를 이해시켜야 했는데,
현재에는 <header>라는 태그를 통해 단번에 컴퓨터를 이해시킬 수 있다.