Semantic Web?
Semantic Web은 '의미론적인 웹'이란 뜻으로 컴퓨터가 인간과 같은 정보로 의미있는 해석을 할 수 있습니다.
Semantic Tags?
Semantic Tags는 태그를 둘러싼 내용의 의미를 알려줍니다. 의미를 설명해주는 역할을 합니다.
- HTML5에서 새로 제공하는 Semantic Tags
- article
- aside
- details
- figure
- figcaption
- footer
- form
- header
- main
- mark
- nav
- table
- section
의미가 있는 Semantic Tags와 다르게 의미가 없는 태그를 non-semantic tags라 부른다.
- div
- span
Semantic 요소를 사용하면 코드를 쉽게 읽을 수 있고 이해하기 쉬워진다.
또한, 접근성이 향상되여 검색 엔진 최적화가 극대화됩니다.
img 태그를 사용하는 것과 background-image 차이점은?
img 태그를 사용하면 SEO와 사용자 접근성이 크게 향상되기 때문에 이미지가 사용자에게 컨텐츠 이해를 더 도와준다면 img 태그를 사용하고, 그렇지 않다면 background-image를 사용하는 게 좋다.
코드면에서 보자면, img 태그를 사용했을 때 코드를 더 이해하기 쉽고 읽기 쉬워진다. 하지만 background-image는 가독성이 떨어지는 단점이 있다.
