Semantic Web이란?
-기계가 읽고 처리할 수 있는 형태로 제작된 웹이다. 웹에 존재하는 수많은 웹들에 메타데이터를 부여하여 잡다한 데이터 집합이 아닌 의미와 관련성을 가지는 거대한 데이터 베이스를 구축하고자하는 발상이다.
Semantic Tag란?
-활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 나온 Tag로 효과적인 검색이 가능하게 한다. Tag만 보고도 무엇을 의미하는지 알아볼 수 있는 Tag이다.
-Semantic Tag : <header>, <nav>, <article>, <section>, <aside>, <footer>
-Non-semantic Tag : <div>...
"HTML img Tag"과 "CSS backgraound-image Property"의 차이는 무엇일까?
1. alt 속성
<img> tag는 alt 속성에 문자열을 넣을 수 있어 검색엔진이 빠르게 인식할 수 있고 에러 시 이미지가 깨져도 어떤 이미지인지 알 수 있다.
2. 이미지 활용
CSS Background image는 "background-color, background-repeat, background-attachment, background-position, and background-blend-mode..."를 변경할 수 있어 이미지를 꾸미거나 미적요소로서 활용할 때 적합하다.
Resources
https://velog.io/@xxhaileypark/Semantic-Web-and-Semantic-Tag
https://velog.io/@geonoo99/Semantic-Web-%EA%B3%BC-Semantic-Tag-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0
https://chanho-yoon.github.io/web/web-semanticWeb-semanticTag/
'Learning Log > HTML&CSS' 카테고리의 다른 글
| [css] 배경화면 투명하게 하기 (0) | 2023.02.12 |
|---|---|
| [html] input과 button tag의 차이점 (0) | 2023.01.06 |
| [html/css] 목록을 만드는 dl, dt, dd tag (0) | 2023.01.06 |
| [css] Layout - inline, inline-block, block이란 (0) | 2022.12.16 |
| [css] Layout - position 속성이란 (0) | 2022.12.16 |