Semantic Web
Semantic Web은 말 그대로 의미론적인 웹 이다.
기존 웹을 확장하여 컴퓨터가 이해할 수 있는 잘 정의된 의미를 기반으로 의미적 상호운용성을 실현하여, 다양한 정보자원의 처리 자동화, 데이터의 통합 및 재사용 등을 컴퓨터가 스스로 수행하여, 인간과 컴퓨터 모두 잘 이해할 수 있는 웹.
<!--예시 1-->
<font size="6"><b>예시</b></font>
<!--예시 2-->
<h1>예시</h1>동일한 외형을 가지는 코드이지만 예시 1의 요소는 의미론적으로 어떠한 의미도 가지고 있지 않지만 예시 2의 요소는 가장 상위 레벨의 제목이라는 의미를 내포하고 있는 코드이다.
Semantic Tag
<header>,<nav>,<section>,<article>,<aside>,<footer> 와 같이 브라우저와 개발자 모두에게 요소가 가진 의미를 알려주는 태그이다.
반면, <div>나 <span>의 경우 태그 자체로는 의미를 가지지 않는다.
Semantic Tag를 사용해야 하는 이유
1.의미부여 그 자체로 개발자가 유지보수, 웹 페이지 별로 의미를 찾고 코드 분석을 하는데 있어서 효율적
2.Semantic한 문서는 검색엔진이 유의미하게 파악하여 SEO(검색 엔진 최적화)에 영향
3.화면을 눈으로 볼 수 없는 환경 혹은 제한된 환경에서 어떤 부분이 버튼이고 어떤 부분이 본문인지 파악가능
Assignment #2
"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. <img> 태그를 사용하는 것과 <div> 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."
사이트에 이미지를 넣는 방법에는 <img>태그를 사용하는 것과 <div>태그에 background-image 를 추가하는 것 두가지 방법이 있지만 <div>태그를 이용한 방식은 단순히 시각화한 이미지를 가진 페이지에 불과하지만 <img>태그는 유의미한 정보를 가진 이미지를 가진 페이지를 만들 수 있습니다.
