HTML常用meta

文章目錄

HTML常用meta
Meta(元資料)

提示：以下是本篇文章正文內容，下面案例可供參考

Meta(元資料)

Meta ：即元資料（Metadata）是資料的資料資訊，
Meta標簽是HTML語言head區的一個輔助性標簽，它位于HTML檔案頭部的head標記和title標記之間，它提供用戶不可見的資訊，
元資料可以被使用瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 Web 服務呼叫，

代碼如下（示例）：

<!-- 定義檔案的字符編碼 -->
<meta charset="utf-8" /> 

<!-- 強制Chromium內核，作用于360瀏覽器、QQ瀏覽器等國產雙核瀏覽器 -->
<meta name="renderer" content="webkit"/>

<!-- 強制Chromium內核，作用于其他雙核瀏覽器 -->
<meta name="force-rendering" content="webkit"/>

<!-- 如果有安裝 Google Chrome Frame 插件則強制為Chromium內核，否則強制本機支持的最高版本IE內核，作用于IE瀏覽器 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

<!-- 
    設定視窗大小
    width    設定layout viewport  的寬度，為一個正整數，或字串"width-device"
    initial-scale    設定頁面的初始縮放值，為一個數字，可以帶小數
    minimum-scale    允許用戶的最小縮放值，為一個數字，可以帶小數
    maximum-scale    允許用戶的最大縮放值，為一個數字，可以帶小數
    shrink-to-fit=no IOS9中要想前面的屬性起作用需要加上這個
    height    設定layout viewport  的高度，這個屬性對我們并不重要，很少使用
    user-scalable    是否允許用戶進行縮放，值為"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個字符"/>

<!-- 頁面關鍵詞 -->
<meta name="keywords" content=""/>

<!-- 網頁作者 -->
<meta name="author" content="name, 2796036673@163 .com"/>

<!-- 
    搜索引擎抓取
    all：檔案將被檢索，且頁面上的鏈接可以被查詢； 
    none：檔案將不被檢索，且頁面上的鏈接不可以被查詢；
    index：檔案將被檢索； 
    follow：頁面上的鏈接可以被查詢； 
    noindex：檔案將不被檢索； 
    nofollow：頁面上的鏈接不可以被查詢， 
-->
<meta name="robots" content="index,follow"/>

<!-- 不讓百度轉碼 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<!-- uc強制豎屏 -->
<meta name="screen-orientation" content="portrait">

<!-- QQ強制豎屏 -->
<meta name="x5-orientation" content="portrait">

<!-- UC強制全屏 -->
<meta name="full-screen" content="yes">

<!-- QQ強制全屏 -->
<meta name="x5-fullscreen" content="true">

<!-- UC應用模式 -->
<meta name="browsermode" content="application">

<!-- QQ應用模式 -->
<meta name="x5-page-mode" content="app">

<!-- Windows 8 磁貼顏色 -->
<meta name="msapplication-TileColor" content="#000"/>

<!-- Windows 8 磁貼圖示 -->
<meta name="msapplication-TileImage" content="icon.png"/>

<!-- 添加 RSS 訂閱 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
 
<!-- sns 社交標簽 begin -->
<!-- 參考微博API -->
<meta property="og:type" content="型別" />
<meta property="og:url" content="URL地址" />
<meta property="og:title" content="標題" />
<meta property="og:image" content="圖片" />
<meta property="og:description" content="描述" />
<!-- sns 社交標簽 end -->

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/272512.html

標籤：其他

上一篇：用javascript模擬實作計算器

下一篇：小白學C之——常量變數字串

HTML常用meta總結（筆記）

HTML常用meta

文章目錄

Meta(元資料)