HTML中的標籤的使用

碰桃發表於2018-06-04

HTML中<meta>標籤的使用

  在我們製作的網頁中,要是想讓它能夠讓更多的人去訪問,最好的方法就是通過搜尋引擎來找到你的網址,於是需要你的網頁可以有關鍵詞能夠讓搜尋引擎來識別,於是HTML中的<meta>標籤就是這個功能,將這個頁面的關鍵資訊寫入去,讓搜尋引擎能夠去識別,那麼接下來就說一下<meta>如何去使用:

 

<head>
<title>mate</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
</head

 

  1.屬性的使用

  這個是一個簡單的例項,這個標籤是寫在<head>中,不會被使用者看到,這個是更具自己的需求來看是否要這些功能,標籤的屬性主要有http-equiv和name。

  http-equiv就像http的標頭檔案,可以向瀏覽器傳送一些有用的資訊,幫助更好得顯示自己想要的內容,http-equiv屬性的值可以有content-type、expires、refresh等等。

  name該屬性主要用於描述網頁。name屬性的值可以有:author、description、keywords、generator等等。

  2.name屬性的應用

  name的使用可以看上面的列子,比如keywords和description,關鍵詞和描述的使用,因為按照搜尋引擎的工作原理,搜尋引擎會首先排除機器人自動檢索頁面中的keywords和description,並將其加入自己的資料庫,然後根據關鍵詞的密度將網站排序,所以這兩個屬性很重要

    注意:keywords的content內容要限制在36個字。

     description的content內容要限制在76個字。

  這倆個需要配合使用