H5各种头部meta标签的功能

深藏阁楼爱情的钟 2022-01-23 14:23 210阅读 0赞

## H5各种头部<meta>标签的功能 ##

<!DOCTYPE html>  H5标准声明，使用 HTML5 doctype，不区分大小写

<head lang=”en”> 标准的 lang 属性写法

<meta charset=’utf-8′>    声明文档使用的字符编码

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

<meta name=”description” content=”不超过150个字符”/>       页面描述

<meta name=”keywords” content=””/>      页面关键词

<meta name=”author” content=”name, email@gmail.com”/>    网页作者

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

<meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no”> 为移动设备添加 viewport

<meta name=”apple-mobile-web-app-title” content=”标题”> iOS 设备 begin

<meta name=”apple-mobile-web-app-capable” content=”yes”/>  添加到主屏后的标题（iOS 6 新增）

是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏

<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”/>  设置苹果工具栏颜色

<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” />    不让百度转码

<meta name=”HandheldFriendly” content=”true”>     针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓

<meta name=”MobileOptimized” content=”320″>   微软的老式浏览器

<meta name=”screen-orientation” content=”portrait”>   uc强制竖屏

<meta name=”x5-orientation” content=”portrait”>    QQ强制竖屏

<meta name=”full-screen” content=”yes”>              UC强制全屏

<meta name=”x5-fullscreen” content=”true”>       QQ强制全屏

<meta name=”browsermode” content=”application”>   UC应用模式

<meta name=”x5-page-mode” content=”app”>    QQ应用模式

<meta name=”msapplication-tap-highlight” content=”no”>    windows phone 点击无高光

设置页面不缓存

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

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

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

发表评论取消回复

表情：

评论列表（有 0 条评论，210人围观）

还没有评论，来说两句吧...

相关阅读

相关移动前端头部标签(HTML5 head meta)--转

<!DOCTYPE html>  <html lang="zh-cmn-Hans"> <!--

向右看齐/ 2022年09月29日 05:19/ 0 赞/ 167 阅读

相关 meta 详解，html5 meta 标签日常设置

<!DOCTYPE html>  <html lang="zh-cmn-Hans"> <!--

ゝ一世哀愁。/ 2022年09月25日 11:14/ 0 赞/ 174 阅读

相关移动前端头部标签(HTML5 head meta)

`<!` `DOCTYPE` `html> ` `` `<` `html` `lang` `=` `"zh

川长思鸟来/ 2022年08月19日 01:49/ 0 赞/ 165 阅读

相关移动端的头部标签和 meta

使用 HTML5 doctype，不区分大小写 <!DOCTYPE html> -------------------- 更加标准的 lang 属性写法

亦凉/ 2022年08月19日 01:48/ 0 赞/ 155 阅读

相关 H5知识 -- meta篇

H5知识 – meta篇转载请注明出处 LXJ 网站开发常用<meta> <meta>标签提供了HTML文档的元数据（数据的信息）。元数据不会显示在客户端中，但会

梦里梦外;/ 2022年07月14日 06:55/ 0 赞/ 216 阅读

相关 meta 标签

meta 标签 `<meta>` 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 `<meta>` 标签位于

ゝ一纸荒年。/ 2022年06月10日 07:30/ 0 赞/ 219 阅读

相关 meta标签

1、<meta name="format-detection" content="telephone=no" /> 禁止将数字变为电话号码 2、<meta

深碍√TFBOYSˉ_/ 2022年06月06日 07:57/ 0 赞/ 224 阅读

相关 H5移动端网页头部标签模板

这是一篇转载的纯干货，绝对干货！之前自己也有参与过微信公众号服务的前端开发（移动端），所以了解过一点关于移动端头标签的使用，但是只是零散的内容，没有汇总过。

小鱼儿/ 2022年05月23日 06:34/ 0 赞/ 196 阅读

相关 web端meta标签的各种状态的设定

<meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"><!

亦凉/ 2022年05月18日 03:30/ 0 赞/ 127 阅读

相关 H5各种头部meta标签的功能

H5各种头部<meta>标签的功能 <!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标

深藏阁楼爱情的钟/ 2022年01月23日 14:23/ 0 赞/ 211 阅读