HTML5各种头部meta标签的功能(推荐)


Posted in HTML / CSS onMarch 13, 2017

<!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标签的功能(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
修复iPhone的safari浏览器上submit按钮圆角bug
Dec 24 HTML / CSS
CSS3使用border-radius属性制作圆角
Dec 22 HTML / CSS
纯CSS3制作的鼠标悬停时边框旋转
Jan 03 HTML / CSS
CSS3实现背景透明文字不透明的示例代码
Jun 25 HTML / CSS
Html5 localStorage入门教程
Apr 26 HTML / CSS
HTML5本地存储之Web Storage应用介绍
Jan 06 HTML / CSS
canvas离屏技术与放大镜实现代码示例
Aug 31 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
Sep 19 HTML / CSS
原生CSS实现文字无限轮播的通用方法
Mar 30 HTML / CSS
HTML+CSS制作心跳特效的实现
May 26 HTML / CSS
前端使用svg图片改色实现示例
Jul 23 HTML / CSS
css中:last-child不生效的解决方法
Aug 05 HTML / CSS
处理HTML5新标签的浏览器兼容版问题
Mar 13 #HTML / CSS
HTML5 LocalStorage 本地存储刷新值还在
Mar 10 #HTML / CSS
HTML5微信播放全屏问题的解决方法
Mar 09 #HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
Mar 04 #HTML / CSS
HTML5 localStorage使用总结
Feb 22 #HTML / CSS
HTML5 虚拟键盘出现挡住输入框的解决办法
Feb 14 #HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
Feb 13 #HTML / CSS
You might like
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
用PHP制作的意见反馈表源码
2007/03/11 PHP
PHP 文件上传全攻略
2010/04/28 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
JavaScript文档碎片操作实例分析
2015/12/12 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
layui--js控制switch的切换方法
2019/09/03 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
在Echarts图中给坐标轴加一个标识线markLine
2020/07/20 Javascript
python3使用urllib示例取googletranslate(谷歌翻译)
2014/01/23 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
Python告诉你木马程序的键盘记录原理
2019/02/02 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
Daisy London官网:英国最大的首饰集团IBB旗下
2019/02/28 全球购物
C语言中break与continue的区别
2012/07/12 面试题
Windows和Linux动态库应用异同
2016/07/28 面试题
销售经理工作职责范文
2013/12/03 职场文书
初中军训感想300字
2014/03/05 职场文书
租房协议书范本
2014/04/09 职场文书
新学期感想
2015/08/10 职场文书