Jquery中文网 www.jquerycn.cn
Jquery中文网 >  前端编程  >  HTML5教程  >  正文 详解HTML5头部meta标签的功能

详解HTML5头部meta标签的功能

发布时间:2020-07-23   编辑:www.jquerycn.cn
jquery中文网为您提供详解HTML5头部meta标签的功能等资源,欢迎您收藏本站,我们将为您提供最新的详解HTML5头部meta标签的功能资源
本文给大家介绍了html5中各种头部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″>

以上就是详解HTML5头部meta标签的功能的详细内容,更多请关注jquery中文网其它相关文章!

-->
  • 本文原创发布jQuery中文网,转载请注明出处,感谢您的尊重!
  • 您可能感兴趣的文章:
    html5 details标签的作用是什么?<details>标签的使用方法介绍(附使用实例)
    详解HTML5头部meta标签的功能
    html5中的meta标签的三要素是什么?meta标签的使用总结
    html5 header标签怎么用?html5 header标签的作用介绍
    HTML5中的article标签是什么?HTML5中的article元素用在什么地方?
    html5 ruby标签的定义及使用方法详解(内有实例介绍)
    html5 mark标签是什么意思?html5 mark标签的作用又是什么?
    前端必看H5 meta小结
    html5 command标签的用法和<command>标签的使用案例详解
    HTML5中的header标签是什么意思?HTML5中header标签具体使用方法你知道吗?

    [关闭]