MARK UP/HTML
semantic 태그 | non-semantic 태그(#8)
두비_
2019. 8. 21. 21:45
반응형
시맨틱(Semantic)은 "의미론적인" 이라는 뜻을 가지고 있습니다 즉 시맨틱 태그란, "의미론적인 태그"라고 할 수 있습니다
시맨틱 태그는 각자 기능과 의미에 맞게 작성할 수 있도록 하는 태그입니다
흔히 <header> , <body> , <footer> 등 태그가 있죠
<header> 태그는 유저를 위한 정보가 아닌 웹 브라우저를 위한 정보라고 말씀드린 적이 있었죠 이 태그는 그런 의미로 사용이 되고,
<div>태그 라는게 있습니다 이 태그는 아무런 의미가 없습니다 뭔가 지칭하지도 않습니다
<span>이라는 태그도 있습니다 이 태그도 <div>와 마찬가지로 non-semantic 태그입니다
즉, div는 컨테이너,박스 같은 느낌으로 생각하면 됩니다 그 안에 내용물을 넣는것이죠
텍스트를 위한 컨테이너는 span 태그를 사용하면 됩니다
간단히 정리하겠습니다
semantic 태그는 제목, 문단, 등등 뜻이 있는 태그
non-semantic 태그는 아무 지칭하는 바가 없는, 의미없는 태그입니다
그림도 없고 애매모호해서 조금 복잡하죠? 다음 #9 글에는 같이 실습하고 조금 더 이해할 수 있게 해보겠습니다