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实现3d旋转动画特效
Mar 10 HTML / CSS
CSS超出文本指定宽度用省略号代替和文本不换行
May 05 HTML / CSS
几个CSS3的flex弹性盒模型布局的简单例子演示
May 12 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
Jun 02 HTML / CSS
CSS3中的常用选择器使用示例整理
Jun 13 HTML / CSS
CSS3制作缩略图的详细过程
Jul 08 HTML / CSS
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
Jan 30 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
Nov 07 HTML / CSS
html5实现微信打飞机游戏
Mar 27 HTML / CSS
解析HTML5中的新功能本地存储localStorage
Mar 01 HTML / CSS
HTML5本地存储之IndexedDB
Jun 16 HTML / CSS
有关HTML5页面在iPhoneX适配问题
Nov 13 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通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
php下载文件的代码示例
2012/06/29 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
简述php环境搭建与配置
2016/12/05 PHP
php探针不显示内存解决方法
2019/09/17 PHP
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
2018/03/15 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
零基础学Python(一)Python环境安装
2014/08/20 Python
详解Python的Django框架中的通用视图
2015/05/04 Python
python操作mysql数据库
2017/03/05 Python
使用Python函数进行模块化的实现
2019/11/15 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Python实现动态循环输出文字功能
2020/05/07 Python
Python中如何添加自定义模块
2020/06/09 Python
Python Selenium库的基本使用教程
2021/01/04 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
局部内部类是否可以访问非final变量?
2013/04/20 面试题
少先队入队活动方案
2014/02/08 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis
Nginx实现会话保持的两种方式
2022/03/18 Servers