1. Semantic Web
- 사람이 보고 자료를 이해해야 하는 단순한 코드의 형태가 아닌, 코드 자체의 의미가 존재하는 웹
- 단순한
<div>나<span>만으로 이루어진 게 아닌, 적절한<meta>태그 즉 Semantic Tags로 이루어짐
2. Semantic Tags
<header>,<article>과 같이 자체로 콘텐츠의 의미를 갖는 tag- 자체적으로 보여주는 콘텐츠의 의미를 통해, 문서 정보 전달에 효과적
<header>,<nav>,<aside>,<section>,<article>,<footer>등
🍕
<img>tag와background-image의 차이?
<img>tag는alt속성에 이미지의 정보를 입력할 수 있다.background-image는 말 그대로 어떤 block 요소의배경 이미지이고, 이미지에 대한 정보를 담고 있지 않다.
🍩 이미지의 정보를 포함하고 싶다면<img>, 정보는 상관없이 화면에 보이는 것이 중요하다면background-image를 사용하면 되겠다.
Hello World!