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 相关文章推荐
CSS Grid布局教程之网格单元格布局
Dec 30 HTML / CSS
CSS3 Notes: -webkit-box-reflect实现倒影的实例
Dec 08 HTML / CSS
CSS3的 fit-content实现水平居中
Sep 07 HTML / CSS
CSS3实现网站商品展示效果图
Jan 18 HTML / CSS
在HTML5 canvas里用卷积核进行图像处理的方法
May 02 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
Jul 25 HTML / CSS
有关HTML5中背景音乐的自动播放功能
Oct 16 HTML / CSS
iframe在移动端的缩放的示例代码
Oct 12 HTML / CSS
HTML5实现移动端弹幕动画效果
Aug 01 HTML / CSS
html5 制作地图当前定位箭头的方法示例
Jan 10 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
Aug 12 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获取Google AJAX Search API 数据的代码
2010/03/12 PHP
php下pdo的mysql事务处理用法实例
2014/12/27 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
用cssText批量修改样式
2009/08/29 Javascript
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
2017/05/02 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
Django与JS交互的示例代码
2017/08/23 Python
动态规划之矩阵连乘问题Python实现方法
2017/11/27 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
python实现简单的文字识别
2018/11/27 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
python爬虫实现POST request payload形式的请求
2020/04/30 Python
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
2010/07/20 HTML / CSS
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
学生拾金不昧表扬信
2014/01/21 职场文书
承认错误的检讨书
2014/01/30 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
校长师德表现自我评价
2015/03/04 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书