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 相关文章推荐
CSS3制作翻转效果_动力节点Java学院整理
Jul 11 HTML / CSS
css3 按钮 利用css3实现超酷下载按钮
Mar 18 HTML / CSS
CSS3网格的三个新特性详解
Apr 04 HTML / CSS
CSS3制作文字半透明倒影效果的两种实现方式
Aug 08 HTML / CSS
CSS中垂直居中的简单实现方法
Jul 06 HTML / CSS
使用CSS3创建动态菜单效果
Jul 10 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 HTML / CSS
CSS3制作3D立方体loading特效
Nov 09 HTML / CSS
使用html2canvas实现浏览器截图的示例代码
Jan 26 HTML / CSS
使用HTML5的Canvas绘制曲线的简单方法
Sep 08 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
Jul 26 HTML / CSS
amazeui页面校验功能的实现代码
Aug 24 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
php 文件上传系统手记
2009/10/26 PHP
PHP如何利用P3P实现跨域
2013/08/24 PHP
PHP连接sql server 2005环境配置及问题解决
2014/08/08 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
js变量作用域及可访问性的探讨
2006/11/23 Javascript
HTML DOM的nodeType值介绍
2011/03/31 Javascript
JqGrid web打印实现代码
2011/05/31 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
vue设置动态请求地址的例子
2019/11/01 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
Python可变参数函数用法实例
2015/07/07 Python
pandas带有重复索引操作方法
2018/06/08 Python
Tesserocr库的正确安装方式
2018/10/19 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
季度思想汇报
2014/01/01 职场文书
给民警的表扬信
2014/01/08 职场文书
建筑个人求职信范文
2014/01/25 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
投资合作协议书范本
2014/04/17 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
开学典礼策划方案
2014/05/28 职场文书
初二学生评语大全
2014/12/26 职场文书
信访维稳承诺书
2015/05/04 职场文书
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL