明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

H5中meta標(biāo)簽及作用

發(fā)表時間：2023-09-16 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本文主要和大家分享H5中meta標(biāo)簽及作用，希望能幫助到大家。 <!DOCTYPE html> H5標(biāo)準(zhǔn)聲明，使用 HTML5 doctype，不區(qū)分大小寫<head lang=”en”> // 標(biāo)準(zhǔn)的 lang 屬性寫法<meta charset="...
本文主要和大家分享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個字符”/>      //  頁面描述

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

相關(guān)推薦：

html中meta標(biāo)簽及用法詳解

怎樣實現(xiàn)meta標(biāo)簽中的viewport來控制設(shè)備屏幕的css屬性

HTML的meta標(biāo)簽常見用法介紹

以上就是H5中meta標(biāo)簽及作用的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。