H 태그의 사용, 특히 H1의 사용은 항상 논란의 여지가있는 문제였으며 우리 연구에 가치가있는 질문이기도합니다. 전임자의 경험을 바탕으로, 나는이 기사를 H 태그에 대한 이해를 바탕으로 모든 사람에게 도움이되기를 바라고 있습니다. H 태그 란 무엇입니까 ?
W3C는 H1-H6 태그가 제목을 정의 할 수 있다고 지적합니다. H1은 가장 큰 제목을 정의합니다. H6은 가장 작은 제목을 정의합니다.
제목 태그로서 H1, H2, H3, H4, H5, H6은 중요성에 따라 감소합니다. 그러한 원칙을 따라야한다고 생각합니다.이 원칙은 페이지의 계층 적 관계를 더 명확하게 만들고 검색 엔진이 페이지의 주제 내용을 더 잘 기어 다니고 분석 할 수 있습니다. 더 나은 이해를 위해 다음 코드를 참조하십시오.
<body> <h1> 제 1 차 제목 </h1> <p> 단락 </p> <div> <h2> 두 번째 레벨 제목 </h2> <p> ... </p> <div> <h3> 두 번째 레벨 제목 </h3> <p> ...
브라우저의 기본 스타일도 중요성에 따라 감소하며 글꼴 크기는 큰에서 작은 H1에서 H6으로 변경됩니다. 다른 브라우저에는 스타일에 약간의 차이가 있습니다. 이 차이로 인해 일반적으로 CSS를 사용하여 레이아웃에서 통일합니다.
어떻게 사용합니까?요즘에는 그림과 같이 로고에서 H1을 사용하는 것을 좋아합니다.
모든 사람이 이것을 사용하는 이유는 없지만 실제로는 많은 장점이 있습니다. 전체 페이지의 내용을 요약하고 로고가 신체에 매우 가깝기 때문에 검색 엔진이 주제를 가장 빠르게 가져 오는 것이 편리하며 의미론에서도 더 정확합니다.
물론 모든 웹 사이트가 로고에서 H1을 사용하는 것은 아닙니다. Netease의 사용법은보다 특별한 예입니다.
Netease는 디스플레이를 설정합니다. 아무도 숨길 수있는 스타일은 H1을 어디에 두어야하는지 모르는 모순뿐만 아니라 SEO 최적화의 역할을 수행하며, 이는 하나의 돌로 두 마리의 새를 죽이라고 할 수 있습니다.
그리고 Tencent의 홈페이지 H1은 그림과 같이 헤드 라인 뉴스입니다.
위의 예에서, 우리는 주요 웹 사이트에서 H1의 사용이 다르다는 것을 알 수 있습니다. H1에 어디에 두어야합니까? 그것은 항상 논란의 여지가있는 문제 였지만, 그것을 어디에 두어야하는지에 대한 절대적인 대답이 있다고 생각하지 않습니다. 웹 페이지의 포지셔닝, 유형 및 사용자 검색 습관과 같은 요소를 기반으로 고려해야한다고 생각합니다. 예를 들어, 뉴스 웹 사이트의 경우 헤드 라인 뉴스에 H1을 넣을 수 있습니다. 포괄적 인 포털 웹 사이트의 경우 로고에 H1을 넣을 수 있습니다. 회사 웹 사이트가 로고에 H1을 넣을 수있는 경우, 사용자는 일반적으로 회사 이름을 검색하는 것을 좋아하기 때문입니다. 웹 사이트 슬로건이있는 경우 슬로건에 H1을 넣을 수도 있습니다. 요컨대, 최고에 맞는 것을 선택하는 것이 최고입니다.
H2와 관련하여, 나는 일반적으로 그림과 같이 홈페이지의 큰 열에서 사용하는 것을 좋아합니다.
컨텐츠 페이지의 경우 기사 제목에 H2를 제공하는 데 더 익숙하며 열 제목은 그림과 같이 H3로 표시됩니다.
H3은 주로 그림과 같이 열 제목에 사용됩니다.
R & F 제품의 홈페이지에 사용되는 H 태그는 명확한 계층 적 관계를 가지고있을뿐만 아니라 제품 콘텐츠의 중요성을 강조하며, 이는 검색 엔진에도 매우 유익합니다.
그림과 같이 다음 예제는 매우 흥미 롭습니다.
열 제목은 H2를 사용하고 뉴스 제목은 H1을 사용합니다. 그들의 질서가 계층 적 관계에 따라 역전된다면, 그것은 잘못되지 않습니다. 실제로 H 태그를 사용하는 경우 컨텐츠의 중요성에 따라이를 정의 할 수도 있습니다. 따라서 기본 이론을 유연하게 적용 함으로써만 그 효과를 극대화 할 수 있습니다.
위의 예에서, H 태그의 사용이 매우 유연하며 이러한 사용법에만 국한되지 않는다는 것을 알기가 어렵지 않습니다. 우리의 응용 프로그램에서, 우리는 중요성을 줄이고 한 예에서 배우고 다른 측면에 적용하는 원칙 만 따르기 만하면됩니다. H4-H6에 대해서도 마찬가지입니다.
일부 요약참조 자료, 프론트 엔드 프로덕션 전문가, 잘 알려진 웹 사이트 등의 H 태그의 이해 및 적용을 기반으로, 나는 당신에게 몇 가지 참조 가치를 가져 오기를 희망하는 다음 사양을 요약했습니다.
H1 첫 번째 레벨 타이틀
그것은 최우선 순위를 나타내며 그 위치는 페이지의 키워드 위치만큼 중요합니다. 일반적으로 웹 사이트 제목 또는 헤드 라인에 사용되며 일부 대형 웹 사이트는 로고에도 사용됩니다. H1 코드는 곱하기를 작성할 수 있지만 실제로 의미 적으로 독특합니다. 한 페이지에 한 번만 나타나지 않는 것이 가장 좋습니다.
H2 레벨 2 제목
주로 페이지의 주요 내용의 기사 제목과 열 제목에 나타납니다. 3 열 구조는 일반적으로 중간에 있으며 2 열 구조는 일반적으로 중요한 측면에 있습니다. H3과 함께 사용할 수 있습니다.
H3 레벨 3 제목
일반 메인 페이지의 사이드 바. H4는 보조이며 자주 나타나지 않습니다.
페이지 레벨 관계가 너무 깊을 수 없으므로 H4, H5, H6은 일반적으로 덜 나타납니다.