이름에서 알 수 있듯이 이 태그는 웹페이지의 의미를 향상시키도록 설계되었습니다. 좋은 의미론은 문서 자동 처리에 중요한 역할을 합니다. 이러한 자동 처리는 여러분이 생각하는 것보다 더 자주 발생합니다. 검색 엔진에 의해 순위가 매겨진 모든 웹사이트는 모든 웹사이트의 자동 처리에서 파생됩니다.
(잘 디자인된) 웹 페이지를 방문하면 인간 독자로서 모든 페이지 요소를 즉시 (시각적으로) 구별할 수 있으며 더 중요하게는 내용을 이해할 수 있습니다. 왼쪽 상단에는 회사 로고가 있고, 사이트 탐색 옆에는 검색창과 회사에 대한 일부 텍스트, 구매할 수 있는 제품에 대한 링크, 하단에 법적 고지 사항이 있습니다.
그러나 기계는 멍청해서 이런 일을 할 수 없습니다: 귀하와 동일한 페이지를 보면 웹 크롤러는 이미지, 일련의 앵커 태그, 텍스트 노드, 입력 필드 및 링크가 있는 이미지만 볼 수 있습니다. 하단에 또 다른 텍스트 노드가 있습니다. 이제 문서의 어느 부분이 탐색, 주요 기사 또는 덜 중요한 각주가 될 것인지 어떻게 알 수 있습니까? 몇 가지 공통 기준을 사용하여 문서 구조를 분석하여 특정 요소에 대한 힌트를 추측할 수 있습니다. 예를 들어
내부 링크 목록은 일종의 페이지 탐색일 가능성이 높으며 문서 끝 부분의 텍스트는 필요하지만 일상적인 시청자에게 그다지 중요한 콘텐츠는 아닙니다(법적 고지 사항).
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML5Doctor에는 HTML5 의미론에 대한 훌륭한 기사가 있습니다.
의미론은 어떤 형태로든 항상 HTML의 일부였습니다. 페이지에서 무슨 일이 일어나고 있는지 이해하는 데 도움이 됩니다.
예전에는 거의 모든 것이 사용되던여전히 "의미론적" 클래스 이름이나 ID 이름을 지정하여 의미론을 달성했습니다.
좋다+0
답글 추가
P粉806834059
이 태그는 레이아웃을 올바르게 구성하고 이해하는 데 도움이 됩니다.
만약 그렇다면:
으아아아그리고
으아아아또는
으아아아그리고
으아아아어느 쪽에도 문제가 없지만 후자가 사용자와 크롤러, 독자 등에게 더 나은 가독성을 제공합니다.
Oxford 사전에는 다음과 같은 내용이 나와 있습니다.
이름에서 알 수 있듯이 이 태그는 웹페이지의 의미를 향상시키도록 설계되었습니다. 좋은 의미론은 문서 자동 처리에 중요한 역할을 합니다. 이러한 자동 처리는 여러분이 생각하는 것보다 더 자주 발생합니다. 검색 엔진에 의해 순위가 매겨진 모든 웹사이트는 모든 웹사이트의 자동 처리에서 파생됩니다.
(잘 디자인된) 웹 페이지를 방문하면 인간 독자로서 모든 페이지 요소를 즉시 (시각적으로) 구별할 수 있으며 더 중요하게는 내용을 이해할 수 있습니다. 왼쪽 상단에는 회사 로고가 있고, 사이트 탐색 옆에는 검색창과 회사에 대한 일부 텍스트, 구매할 수 있는 제품에 대한 링크, 하단에 법적 고지 사항이 있습니다.
그러나 기계는 멍청해서 이런 일을 할 수 없습니다: 귀하와 동일한 페이지를 보면 웹 크롤러는 이미지, 일련의 앵커 태그, 텍스트 노드, 입력 필드 및 링크가 있는 이미지만 볼 수 있습니다. 하단에 또 다른 텍스트 노드가 있습니다. 이제 문서의 어느 부분이 탐색, 주요 기사 또는 덜 중요한 각주가 될 것인지 어떻게 알 수 있습니까? 몇 가지 공통 기준을 사용하여 문서 구조를 분석하여 특정 요소에 대한 힌트를 추측할 수 있습니다. 예를 들어
내부 링크 목록은 일종의 페이지 탐색일 가능성이 높으며 문서 끝 부분의 텍스트는 필요하지만 일상적인 시청자에게 그다지 중요한 콘텐츠는 아닙니다(법적 고지 사항).
요소 대신 일반
이제