|
|
|
|
|
|
網頁html代碼不可缺少的5個meta標簽屬性
作者:admin 時間:2018-3-30 7:43:56 瀏覽:網頁html代碼中，meta標簽是個非常重要的標簽，meta標簽可以包含很多屬性，而其中有5個是不可缺少的。
meta標簽屬性
1、title
title其實不算是meta標簽的屬性，其本身就是一個標簽，稱為title標簽。
這個屬性可以說是最重要的，就像每篇文章都不能沒有標題一樣，網頁同樣也要有標題，并且這個標題是獨有的不重復的。這也是頁面參與搜索排名的最重要參照。
title標簽的使用例子：
<title>網速測試,網站速度測試—卡卡網 m.cuckooft.com</title>
其實，title也可以作為meta的一個屬性，寫法如下：
<meta property="og:title" content="網速測試,網站速度測試—卡卡網 m.cuckooft.com" />
2、content-type
content-type這個屬性定義了該頁面的編碼，指定了網頁制作所使用的文字以及語言，并規定瀏覽器展示頁面時顯示的為該語言，務必確保每個頁面都有這個標簽。該標簽的書寫例子為：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
其中，utf-8為網頁編碼，不同的語言對應著不同的charset。一般情況下都用utf-8，以免網頁中文出現亂碼的現象。
3、keywords
keywords屬性是要指明文章的關鍵詞。
這個標簽最重要作用在于：搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。因此這個標簽對文章SEO是非常重要的。
keywords屬性使用例子如下：
<meta name="keywords" content="在線網速測試,網站速度測試,卡卡網,webkaka" />
Google在網站排名中沒有利用Meta keywords？
4、description
description屬性是文章簡要文字描述的意思。
這個標簽現在的最重要作用就是：當用戶在搜索引擎中搜索找到頁面時，在搜索結果列表中補充描述該頁面。在description中含有的詞語，同樣會被搜索引擎識別，并且同樣的可以在某種程度上作為關鍵詞參與排名。description的內容將會很大程度影響用戶是否點擊你的頁面。寫作description時有點像出售對應頁面的廣告語，一定要寫的吸引人點擊，并且不要夸大事實。description的長度最好不要超過160字節。
description屬性使用例子如下：
<meta name="description" content="卡卡網是專業的網站測速平臺" />
5、viewport
ViewPort屬性用于指定用戶是否可以縮放Web頁面。
ViewPort屬性顯得十分重要，如果你的頁面上沒有這個meta標簽，那么你的頁面的移動端體驗可能會非常差，在搜索與瀏覽的流量越來越向移動端傾斜的現在，你應當為此做好準備。
viewport的meta標簽書寫方式例子如下：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
其中，width和height指令分別指定視區的邏輯寬度和高度。width指令使用width=device-width標記可以指示視區寬度應為設備的屏幕寬度。類似地height指令使用device-height標記指示視區高度為設備的屏幕高度。user-scalable指令指定用戶是否可以縮放視區，即縮放Web頁面的視圖。值為yes時允許用戶進行縮放，值為no時不允許縮放。
initial-scale指令用于設置Web頁面的初始縮放比例。默認的初始縮放比例值因智能手機瀏覽器的不同而有所差異。通常情況下設備會在瀏覽器中呈現出整個Web頁面，設為1.0則將顯示未經縮放的Web文檔。
maximum-scale和minimum-scale指令用于設置用戶對Web頁面縮放比例的限制。值的范圍為0.25至10.0之間。與initial-scale相同，這些指令的值是應用于視區內容的縮放比例。
6、其他
除了上述提到的5個meta標簽之外，還有幾個常用的meta標簽屬性，如：social、robots、refresh、url等。
此外，還有一些不太常用的meta標簽屬性，如：author/web author、revisit after、Rating、Expiration/date、copyright、abstract、distribution、Generator、resource type等。
您可能對以下文章也感興趣
標簽: meta標簽
