Language & Framework/HTML CSS
2022. 1. 5.
시맨틱 태그(Semantic Tag)는 왜 필요하고 어떻게 사용할까? 핵심만 간단하게.
Semanti Tag란 '의미가 있는 태그'를 뜻한다. 시맨틱 태그가 없었던 HTML4 버전까지는 모든 컨테이너를 div 태그를 활용해서 제작했으나, 이제는 header aside main 등 각종 의미가 있는 태그를 활용하여 컨테이너를 만들고 웹을 구성해야 한다. 이런 시맨틱 태그를 사용해야 하는 이유는 크게 세가지로 나눌 수 있다. 1. 직관적이기 때문에 웹 유지보수가 편리하다. 2. 검색 엔진에 노출될 확률이 올라간다. 3. 접근성이 좋아진다. (화상 키보드 입력, 내래이션 기능 등) -> 이건 웹 표준과 관계된 내용이므로 2번에도 영향을 미친다. 종합해보면 시맨틱 태그를 똑바로 사용하지 않으면 검색 엔진에 노출되지 않아 홍보 비용으로 이중 지출, 그리고 전임자가 만들어놓은 웹 유지보수하다가 직원들..
