溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

H5中meta標(biāo)簽的作用是什么

發(fā)布時(shí)間：2020-10-15 18:29:44 來源：億速云 閱讀：147 作者：小新 欄目：web開發(fā)

小編給大家分享一下H5中meta標(biāo)簽的作用是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

    <!DOCTYPE html>  H5標(biāo)準(zhǔn)聲明，使用 HTML5 doctype，不區(qū)分大小寫

    <head lang=”en”> // 標(biāo)準(zhǔn)的 lang 屬性寫法

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

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>   // 優(yōu)先使用 IE 最新版本和 Chrome

    <meta name=”description” content=”不超過150個(gè)字符”/>      //  頁面描述

    <meta name=”keywords” content=””/>     //  頁面關(guān)鍵詞

    <meta name=”author” content=”name, email@gmail.com”/>    // 網(wǎng)頁作者

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

    <meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no”> // 為移動設(shè)備添加 viewport

    <meta name=”apple-mobile-web-app-title” content=”標(biāo)題”> // iOS 設(shè)備 begin

    <meta name=”apple-mobile-web-app-capable” content=”yes”/>  // 添加到主屏后的標(biāo)題（iOS 6 新增）

    // 是否啟用 WebApp 全屏模式，刪除蘋果默認(rèn)的工具欄和菜單欄

    <meta name=”apple-itunes-app” content=”app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL”>

    // 添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari）

    <meta name=”apple-mobile-web-app-status-bar-style” content=”black”/>

    <meta name=”format-detection” content=”telphone=no, email=no”/>  // 設(shè)置蘋果工具欄顏色

    <meta name=”renderer” content=”webkit”>  // 啟用360瀏覽器的極速模式(webkit)

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

    <meta http-equiv=”Cache-Control” content=”no-siteapp” />    // 不讓百度轉(zhuǎn)碼

    <meta name=”HandheldFriendly” content=”true”>     // 針對手持設(shè)備優(yōu)化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓

    <meta name=”MobileOptimized” content=”320″>  //  微軟的老式瀏覽器

    <meta name=”screen-orientation” content=”portrait”>  //  uc強(qiáng)制豎屏

    <meta name=”x5-orientation” content=”portrait”>   //  QQ強(qiáng)制豎屏

    <meta name=”full-screen” content=”yes”>           //   UC強(qiáng)制全屏

    <meta name=”x5-fullscreen” content=”true”>       // QQ強(qiáng)制全屏

    <meta name=”browsermode” content=”application”>   // UC應(yīng)用模式

    <meta name=”x5-page-mode” content=”app”>    // QQ應(yīng)用模式

    <meta name=”msapplication-tap-highlight” content=”no”>    // windows phone 點(diǎn)擊無高光

    // 設(shè)置頁面不緩存

    <meta http-equiv=”pragma” content=”no-cache”>

    <meta http-equiv=”cache-control” content=”no-cache”>

    <meta http-equiv=”expires” content=”0″>

看完了這篇文章，相信你對H5中meta標(biāo)簽的作用是什么有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手