html5手機網站須要加的那些meta/link標籤,html5 meta全解

原文連接:http://blog.csdn.net/kongjiea/article/details/17092413
(收藏專用!如需轉載,請點擊連接,聯繫博主,得到贊成後方可轉載)web

三、name之設置做者姓名及聯繫方式

說明: 設置做者姓名及聯繫方式

<meta name="author" contect="name, xxx@163.com" />chrome

 

四、其餘

    <!-- 聲明文檔使用的字符編碼 -->
    <meta charset='utf-8'>

    <!-- 優先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

    <!-- 頁面描述 -->
    <meta name="description" content="不超過150個字符"/>

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

    <!-- 搜索引擎抓取 -->
    <meta name="robots" content="index,follow"/>

    <!-- 啓用360瀏覽器的極速模式(webkit) -->
    <meta name="renderer" content="webkit">

    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

    <!-- 針對手持設備優化,主要是針對一些老的不識別viewport的瀏覽器,好比黑莓 -->
    <meta name="HandheldFriendly" content="true">

    <!-- 微軟的老式瀏覽器 -->
    <meta name="MobileOptimized" content="320">

    <!-- 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">
   

    <!-- 添加 RSS 訂閱 -->
    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>

    <!-- 添加 favicon icon -->
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>


    <!-- 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 -->


    <!-- Windows 8 磁貼顏色 -->
    <meta name="msapplication-TileColor" content="#000"/>
    <!-- Windows 8 磁貼圖標 -->
    <meta name="msapplication-TileImage" content="icon.png"/>

     <!-- windows phone 點擊無高光 -->
    <meta name="msapplication-tap-highlight" content="no">windows

相關文章
相關標籤/搜索