이 장에서는 레이아웃에 대한 의미론적 HTML 구조의 이점에 대해 이야기하겠습니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다.
One:
1. 의미 체계 태그는 HTML일 뿐이며 CSS에는 의미 체계가 없습니다. HTML은 태그이고 CSS는 속성입니다.
2. 시맨틱 태그 이력서는 문서화된 페이지를 기반으로 합니다. DOM의 D(문서)와 js 작성에 사용되는 문서는 컴퓨터가 문서로 사용한다는 것을 명확하게 알려줍니다. 페이지를 문서 유형으로 분류할 수도 있습니다.
3. HTML 태그 자체에는 의미가 있습니다. p---paragraph, li---list, img---image와 같은 일부는 의미가 없지만 div---division과 같이 div 태그에 있는 콘텐츠의 속성 및 표시 스타일을 나타낼 수 없습니다.
4. HTML5는
5과 같은 의미 태그를 추가합니다.
5. . 시맨틱 HTML은 페이지 구조를 더 명확하게 만들고 CSS와 JS를 적게 작성하며 SEO에 더 도움이 됩니다.
2:
검색 엔진 크롤러는 또한 태그를 사용하여 개별 키워드의 컨텍스트와 가중치를 결정합니다. 과거에는 검색 엔진 크롤러도 웹 사이트의 "방문자"라고 생각하지 않았을 수 있지만 이제는 실제로 매우 가치 있는 사용자입니다. 크롤러가 없으면 검색 엔진이 웹 사이트를 색인화할 수 없습니다. 일반 사용자가 와서 방문하기 어렵습니다.
크롤러는 성능을 위해 사용된 마크업을 대부분 무시하고 태그된 의미에만 집중하기 때문에 페이지가 크롤러가 이해하기 쉬운지 여부가 매우 중요합니다.
따라서 제목이 페이지 파일 중 일부에 태그가 지정되는 대신 태그가 지정되면 이 페이지가 검색 결과에서 아래쪽에 표시될 수 있습니다.
위 내용은 레이아웃에 대한 의미론적 HTML 구조의 이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
