Semantic Web과 Semantic Tag

이예린·2020년 9월 14일

HTML/CSS

목록 보기
3/4
post-thumbnail

html 공부를 할 때 sementic tag는 나를 매우 혼란스럽게 했다. 처음 tag들을 만났을 때 이 친구들(tag들)이 명령어라고 생각했고, 각각 명령어들의 역할과 기능에 대해 집중했다. 그러던중 div태그를 만났다...

혼란하다 혼란해... 아무것도 표현하지 않는데 왜 만들어 논거죠...? 왜죠..? h1,h2... 이 친구들은... 그래요.. 크게해주는 기능이 있다 쳤어요...근데 그래도.. 글씨나오게 하는 기능은 하나만 있으면 되는거 아닌가요.....???녜에?????

많은 궁금증이 있었으나 웹린이는 그냥 받아들일 수 밖에 없었고, html css로 간단한 클론 프로잭트를 해보면서 아주 천천히 가랑비에 옷젖듯 태그 친구들에게 적응해가는 날 발견할 수 있었다.

그러던 중 이런 내 혼란스러운 마음을 정리하게 해준 단어가 있었다.

"Semantic Tag"

Semantic Tag란 문서의 구조와 의미를 개발자와 브라우저에게 명확하게 전달할 수 있도록 도와주는 태그이다.

나는 이런 색깔 서랍장에 내 물건을 정리한다고 하면 나만의 기준으로 물건을 분류해 넣고싶다. 다 같은 '물건'을 담는 역할이지만 색깔에 따라 어떤 물건을 담으면 좋을지 정하는 것이다. Semantic Tag는 이런 색깔 서랍장 같은 느낌이다. 다만 나만의 기준이 아닌, 전세계 모든 개발자들의 기준으로 문서(물건)를 구성(정리)할 수 있도록 도와준다.

나는 실은 아직은 tag들이랑 완전 친하진 않아서 내용을 넣을 때마다 다른 사람들 코드를 보거나 하면서 어떤 문서에 어떤 태그를 사용하는지 훔쳐본다. 빨리 친해져서 아름다운 Semantic Web을 만드는 웹른이가 되고 싶드앍!!!!!!!

0개의 댓글