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 按钮 利用css3实现超酷下载按钮
Mar 18 HTML / CSS
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
Nov 11 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
Mar 16 HTML / CSS
Css3新特性应用之视觉效果实例
Dec 12 HTML / CSS
HTML5 video视频字幕的使用和制作方法
May 03 HTML / CSS
HTML5 新事件 小结
Jul 16 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
Jan 31 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
Apr 23 HTML / CSS
HTML5中使用postMessage实现两个网页间传递数据
Jun 22 HTML / CSS
关于html字符串正则判断和匹配的具体使用
Dec 12 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 HTML / CSS
CSS实现鼠标悬浮动画特效
May 07 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
提问的智慧(2)
2006/10/09 PHP
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
PHP Class&amp;Object -- 解析PHP实现二叉树
2013/06/25 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
js常用DOM方法详解
2017/02/04 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
JS自定义对象创建与简单使用方法示例
2020/01/15 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
vue-drawer-layout实现手势滑出菜单栏
2020/11/19 Vue.js
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
Python3.x和Python2.x的区别介绍
2013/02/12 Python
python实现ipsec开权限实例
2014/11/11 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
python银行系统实现源码
2019/10/25 Python
Python如何解除一个装饰器
2020/08/07 Python
详解Python 函数参数的拆解
2020/09/02 Python
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
老总助理工作岗位职责
2014/02/06 职场文书
优秀食品类广告词
2014/03/19 职场文书
安踏广告词改编版
2014/03/21 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
会议室管理制度范本
2015/08/06 职场文书
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript
python小型的音频操作库mp3Play
2022/04/24 Python