> 웹 프론트엔드 > HTML 튜토리얼 > 의미론적 HTML 구조의 이점에 대한 간략한 토론

의미론적 HTML 구조의 이점에 대한 간략한 토론

高洛峰
풀어 주다: 2017-02-11 14:44:29
원래의
1227명이 탐색했습니다.

1:

1. 의미 체계 태그는 HTML일 뿐이며 CSS에는 의미 체계가 없습니다. HTML은 태그이고 CSS는 속성입니다.

2. Semantic Label Resume는 문서화된 페이지를 기반으로 웹 페이지를 문서로 취급하며, JS 작성 시 사용되는 문서는 컴퓨터가 이를 문서로 취급한다고 명시합니다. 페이지를 문서로 분류할 수도 있고 페이지를 문서 유형으로 분류할 수도 있습니다.

3. HTML 태그 자체에 의미가 있습니다. p---paragraph, li---list, img---image와 같은 일부는 의미가 없지만 div---division과 같이 div 태그에 있는 콘텐츠의 속성 및 표시 스타일을 나타낼 수 없습니다.

4. HTML5는 대부분의 사람들의 개발 습관과 일반적인 웹사이트 페이지 표시 형식을 기반으로

5. 개인적으로 HTML은 속성이 잘 정의된 XML이므로 페이지 구조를 더 명확하게 만들고 CSS와 JS를 덜 작성하며 SEO에 더 도움이 된다고 생각합니다.

둘:

검색 엔진 크롤러도 태그를 사용하여 개별 키워드의 맥락과 가중치를 결정합니다.

과거에는 검색 엔진 크롤러가 웹사이트에도 사용된다는 점을 고려하지 않았을 수 있습니다." 방문객"이지만 이제는 실제로 매우 귀중한 사용자입니다. 이들이 없으면 검색 엔진은 귀하의 웹 사이트를 색인화할 수 없으며 일반 사용자가 방문하기가 어려울 것입니다.

6. 크롤러는 표시에 사용되는 마크업을 대부분 무시하고 의미적 마크업에만 집중하기 때문에 크롤러가 이해하기 쉬운 것이 매우 중요합니다.

따라서 페이지 파일의 제목이 대신 태그가 붙으면 이 페이지가 검색 결과의 위치가 상대적으로 늦어질 수 있습니다.

시맨틱 HTML 구조의 이점을 간략하게 논의한 위 기사는 모두 편집자가 공유한 내용이기를 바랍니다. 당신은 참고 자료이며 Duoduo가 PHP 중국어 웹 사이트를 지원하기를 바랍니다.

의미론적 HTML 구조의 이점에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿