반응형 시맨틱태그2 HTML이 가지는 의미 : 시맨틱태그 시맨틱태그 semantic : 의미의, 의미론적인 시맨틱 태그는 의미를 부여한 html 태그이다. HTML 요소들은 의도된 목적이 있다. 예를들면 , 는 상단과 하단이다. 검색엔진은 HTML내의 태그를 분석하여 페이지의 구조와 내용을 파악하기 때문에, HTML을 작성할때는 각 태그들의 의도된 목적에 맞게 작성하는 것이 좋다. 예를들면 검색엔진은 태그가 사용된 콘텐츠를 재배포할 수 있는(퍼가요) 콘텐츠로 인식하고 태그로 묶은 콘텐츠는 재배포를 금지하는 콘텐츠로 인식한다. HTML태그의 특징을 통해 스타일을 작성하면 안된다. 예를들면 글씨크기를 크게하고 싶어서 h1태그를 사용하면 안되는 것이다. h1태그는 페이지를 나타내는 대표문장이고 검색엔진은 h1태그를 통해 페이지를 파악한다. 그래서 h1태그는 각 페이.. 2023. 1. 20. Sementic Tag 와 Non-sementic Tag Sementic Tag 에는 , , , , , 등이 있다. Non-sementic Tag 에는 , 이 있다. 위 태그들은 다 구역을 구분할 때 사용하는 태그들이다. 전에는 모든 구역을 로 구분했다고 한다. 그때는 개발자들이 코드를 읽으면서 맥락이 어디서 시작되서 어디서 끝나는지 헷갈리는 문제가 있었다. 이는 가독성이 떨어지는 문제가 있었고, 해결책으로 Sementic Tag가 나타났다. Sementic Tag도 처럼 똑같이 구역을 나누지만 각 Tag가 약속된 의미를 가지고 있다. 글로 설명하는 것 보다 그림으로 보는것이 이해가 쉬울 것 같다. Sementic Tag 를 사용하게 된 이후 를 사용하는 것은 지양하게 되었고 로 구역을 나누는 경우는 아주 작은 부분의 일회성 구역을 만들때 정도라고 한다. 다음.. 2021. 7. 23. 이전 1 다음 반응형
