
[html] 시맨틱 웹과 시맨틱 태그
2022. 3. 1. 15:13
개발이야기/HTML & CSS & SASS
시맨틱 웹과 시맨틱 태그?? 시맨틱 태그..이게 뭘까? 웹 기술의 발전에 따라 많은 수 많은 정보들이 웹상에 쌓이게 되었는데, 컴퓨터가 그 정보들을 보다 쉽게, 의미있는 해석할 수 있도록하기 위해 시맨틱 웹과 시맨틱 태그라는 웹 개념이 등장했다. -위키백과 음.. 더 쉽게 알아보자. 예를들어, 헤더의 위치를 잡아주기 위해 내가 헤더 코드를 작성했으면 태그 안에 '내가 헤더'라는 내용을 넣어주었기 때문에 '컴퓨터 사용자'는 이 자리가 내가 헤더임을 알 수 있지만, '컴퓨터'는 태그만으로 이 자리가 헤더임을 알 수가 없다. 물론, 태그 안에 id값을 header로 부여하여 내가 헤더 이렇게 나타낼 수도 있지만 id값을 부여하기위해서는 의미없는 div태그를 무조건 사용해줘야 한다. (div태그 남발은 좋은 습..