首頁  >  文章  >  web前端  >  什麼是html h1標籤? html h1標籤使用方法的詳細介紹

什麼是html h1標籤? html h1標籤使用方法的詳細介紹

寻∝梦
寻∝梦原創
2018-08-29 13:39:026473瀏覽

本篇文章主要為大家介紹了關於HTML h1~h6的使用介紹,介紹了關於html h1標籤在網頁中的兩種使用方法,一個是網站首頁的具體介紹,一個是文章內容頁面的具體介紹,最後一點的總結,現在讓我們來看看這篇文章吧

#首先,讓我們先來看看什麼是html h1標籤:

HTML h1標籤是什麼?是一級標題。

一個網頁中,用h1包含起來的內容是除了title之外最重要的內容,對一個網頁中起到提綱挈領的作用。搜尋引擎首先要抓取的內容就是h1標籤中的內容。所以規定一個頁面中,h1標籤只能出現一次,否則h1標籤就失去了存在的意義,而且對於搜尋引擎來說,這是典型的seo過度,早晚都會被處罰的。而對 於Google來說,過度使用h1的網頁根本不會被收錄,如果你發現你的網站首頁一直不被google關注,那你就要小心了。而百度可能會暫時收錄你,但可能早晚都會降權或k站。下面是h1至h6的使用介紹。

  • h1 : 網站大標題

  • #h2 : 網站副標題

  • h3 : 網站分類目錄

  • h4 : 網站的文章分類

  • h5 : 文章標註

  • h6 : tag標籤

現在來看看具體的使用方法吧

  • #第一,網站首頁,清單頁,分類頁,h1要分配給網站名稱或給帶有alt標籤的logo使用,用以強調網站名稱。 h2標籤用來定義「網站副標題」。如果沒有副標題,h2標籤最好也空著,以備不時之需。 H3標籤用來定義導覽欄名稱,H4標籤用來定義文章列表標題,但大多數內容系統,文章列表輸出用UL標 簽,所以H4可能就派不上用場,這裡只是以此類推。

  • 第二,文章內容頁面中,h1一定要用在文章標題上,因為對於搜尋引擎來說,內容就是他追求的目標,所以我們要把搜尋引擎直接領到我們的文章標題。其它的h標籤依次類推。

現在來細說說網站首頁的具體用法:

因為在主頁中會有許多文章列表,這時如果把< ;h1>標籤用來為「文章標題」定義,那就不合適了,會造成

標籤重複定義,破壞了

標籤的唯一性。所以在主頁,

標籤當仁不讓的用來定義「網站名稱」。

標籤用來定義「站 點副標題」。如果沒有副標題,

標籤最好也空著,以備不時之需。

標籤用來定義欄位名稱,

標籤用來定義文章標題,但大多數內容系統,文章列表輸出用
    標籤,所以

    可能派不上用場,這裡只是以此類推。

    現在來細說說文章內容頁面的具體用法:

    文章內容頁和首頁就有所區別了,對於搜尋引擎所看中就是文章內容,而文章標題無疑是吸引搜尋引擎的最重要的砝碼了。此時如果把唯一的

    標籤讓給「網站名稱」豈不浪費。既然網站可以使用不同模版,這時我們就不能偷懶了,還是把文章內容頁Header區重新調整一下,把

    標籤讓給「文章標題」。

    網站名稱和網站副標題的定義,用

    來代替,分別定義成id=Title和id=SubTitle。把最有價值的

    標籤和

    標籤讓給文章主和副標題。以利於提高文章在搜尋引擎中的權重。

    如果沒有文章副標題,和首頁的里的

    標籤一樣最好也空著,以備不時之需。這裡提倡一下,

    標籤一樣,最好都保證在頁面中的唯一性。

    現在來總結下:

    我認為h1在不同的頁面應該有不同的定義方式,例如:

    • 主頁,h1堅決用來定義「網站名稱」;

    • 文章頁,因為文章標題對SEO有好處,h1給文章標題適合;

    • ##欄位頁,h1給欄位名稱;

    • 搜尋頁,h1給搜尋關鍵字;

    • tag頁,h1定義tags。

    【小編推薦】

    HTML iframe標籤怎麼使用? HTML iframe標籤的使用實例介紹

    如何為html中的pre標籤中的文字換行? html pre標籤的使用實例
    #

    以上是什麼是html h1標籤? html h1標籤使用方法的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn