您好,登錄后才能下訂單哦!
本文小編為大家詳細(xì)介紹“HTML常見的meta收錄有哪些”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“HTML常見的meta收錄有哪些”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識(shí)吧。
Meta:元數(shù)據(jù)是數(shù)據(jù)信息。
Meta 標(biāo)簽作為 HTML 語言中處于 Head 的輔助性標(biāo)簽,處于 HTML 頭部的 head 和 title 之間,提供給用戶不顯示的信息。
元數(shù)據(jù)可被瀏覽器、搜索引擎或其他 Web 服務(wù)調(diào)用。
實(shí)例:
<!-- 定義文檔的字符編碼 -->
<meta charset="utf-8" />
<!-- 強(qiáng)制Chromium內(nèi)核,作用于360瀏覽器、QQ瀏覽器等國產(chǎn)雙核瀏覽器 -->
<meta name="renderer" content="webkit"/>
<!-- 強(qiáng)制Chromium內(nèi)核,作用于其他雙核瀏覽器 -->
<meta name="force-rendering" content="webkit"/>
<!-- 如果有安裝 Google Chrome Frame 插件則強(qiáng)制為Chromium內(nèi)核,否則強(qiáng)制本機(jī)支持的最高版本IE內(nèi)核,作用于IE瀏覽器 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<!--
設(shè)置視窗大小
width 設(shè)置layout viewport 的寬度,為一個(gè)正整數(shù),或字符串"width-device"
initial-scale 設(shè)置頁面的初始縮放值,為一個(gè)數(shù)字,可以帶小數(shù)
minimum-scale 允許用戶的最小縮放值,為一個(gè)數(shù)字,可以帶小數(shù)
maximum-scale 允許用戶的最大縮放值,為一個(gè)數(shù)字,可以帶小數(shù)
shrink-to-fit=no IOS9中要想前面的屬性起作用需要加上這個(gè)
height 設(shè)置layout viewport 的高度,這個(gè)屬性對(duì)我們并不重要,很少使用
user-scalable 是否允許用戶進(jìn)行縮放,值為"no"或"yes", no 代表不允許,yes代表允許
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個(gè)字符"/>
<!-- 頁面關(guān)鍵詞 -->
<meta name="keywords" content=""/>
<!-- 網(wǎng)頁作者 -->
<meta name="author" content="name,123456789@qq.com"/>
<!--
搜索引擎抓取
all:文件將被檢索,且頁面上的鏈接可以被查詢;
none:文件將不被檢索,且頁面上的鏈接不可以被查詢;
index:文件將被檢索;
follow:頁面上的鏈接可以被查詢;
noindex:文件將不被檢索;
nofollow:頁面上的鏈接不可以被查詢。
-->
<meta name="robots" content="index,follow"/>
<!-- 不讓百度轉(zhuǎn)碼 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- uc強(qiáng)制豎屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ強(qiáng)制豎屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC強(qiáng)制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ強(qiáng)制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC應(yīng)用模式 -->
<meta name="browsermode" content="application">
<!-- QQ應(yīng)用模式 -->
<meta name="x5-page-mode" content="app">
<!-- Windows 8 磁貼顏色 -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁貼圖標(biāo) -->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- 添加 RSS 訂閱 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!-- sns 社交標(biāo)簽 begin -->
<!-- 參考微博API -->
<meta property="og:type" content="類型" />
<meta property="og:url" content="URL地址" />
<meta property="og:title" content="標(biāo)題" />
<meta property="og:image" content="圖片" />
<meta property="og:description" content="描述" />
<!-- sns 社交標(biāo)簽 end -->
讀到這里,這篇“HTML常見的meta收錄有哪些”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。