当前位置： 旋风说(旋风PHPer分享网)> 技术文章> 正文
1.表示页面同时适合在移动设备和PC上进行浏览
<meta name="applicable-device" content="pc,mobile">
2.防止页面被百度强制转码：
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
3.网站的自适应规则：
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
<meta name="viewport" content="user-scalable=no,initial-scale=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
user-scalable=yes 是声明网页可以缩小放大。
intial-scale 是表示页面的首次加载缩放尺寸，1.0表示无任何缩放
user-scalable:是否可对页面进行缩放，no 禁止缩放
4.防止页面里面数字点击调用手机拨号功能：
<meta name="format-detection" content="telephone=no">
禁止跳转邮箱：<meta name="format-detection" content="email=no">
禁止跳转地图：<meta name="format-detection" content="adress=no">
禁止链接高亮：<meta name="msapplication-tap-highlight" content="no">
5.新增视频在网页显示：
<video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>
6.文本框加语音搜索功能：
文本框加属性：x-webkit-speech
7.常用标签：
<article> 标记定义一篇文章
<aside> 标记定义页面内容部分的侧边栏
<audio> 标记定义音频内容
<canvas> 标记定义图片
<command> 标记定义一个命令按钮
<datalist> 标记定义一个下拉列表
<details> 标记定义一个元素的详细内容
<dialog> 标记定义一个对话框(会话框)
<embed> 标记定义外部的可交互的内容或插件
<figure> 标记定义一组媒体内容以及它们的标题
<footer> 标记定义一个页面或一个区域的底部
<header> 标记定义一个页面或一个区域的头部
<hgroup> 标记定义文件中一个区块的相关信息
<keygen> 标记定义表单里一个生成的键值
<mark> 标记定义有标记的文本
<meter> 标记定义 measurementwithin apredefinedrange
<nav> 标记定义导航链接
<output> 标记定义一些输出类型
<progress> 标记定义任务的过程
<rp> 标记是用在Rubyannotations 告诉那些不支持Ruby元素的浏览器如何去显示
<rt> 标记定义对rubyannotations的解释
<ruby> 标记定义 rubyannotations.
<section> 标记定义一个区域
<source> 标记定义媒体资源
<time> 标记定义一个日期/时间
<video> 标记定义一个视频
当您发现内容错误或代码bug，以及下载链接无法使用等，请点击屏幕右下角的上报错误来进行提交，我们会尽快修正。
本程序所有源码和工具完全免费，当本网站内容如果侵犯了您的权益，请联系我们，我们会尽快处理，感谢您的合作。
上一篇： CSS3选择器
相关文章
评论：
文明上网理性发言，请遵守 新闻评论服务协议
上报错误
