【html5】常见标签使用说明(持续更新)
说明:
所谓常见,是指我在优秀网页源码中见到的。
1.viewport
我见到的时候是这样:
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
viewport就是设备的屏幕上用来显示网页的区域。
先解释看到的参数:
width:viewport宽度,这里设置的device-width是指设备屏幕宽度;
initial-scale:页面初始缩放程度,这里设置的1.0是指页面在展现的时候以分辨率的1:1比例展现;
minimum-scale:允许用户的最小缩放值;
maximum-scale:允许用户的最大缩放值;
user-scalable:是否允许用户进行缩放,设置为“no”则minimum-scale和maximum-scale都将被忽略,因为根本无法缩放。
需要注意的是initial-scale/minimum-scale/maximum-scale是浮点值,是倍数级的,数值大小在0.01~10之间。
常见的就是把上面这段代码放到head标签中。
2.format-detection
我见到的时候是这样:
<meta name="format-detection" content="telephone=no" />
format-detection字面意思“格式检测”。
telephone=no:禁止数字识别为手机号码;
email=no:禁止识别为邮箱地址;
address=no:禁止点击地址跳转到地图;
需要注意的是这些设置默认开启,如果是想开启可以省略这段代码。
3.<header>/<nav>/<footer>
页头标签、导航标签、页底标签,可以带id或class属性。
<header>页头内容</header>
<nav>导航内容</nav>
<footer>页底内容</footer>
相当于之前的:
<div id="header">页头内容</div>
<div id="nav">导航内容</div>
<div id="footer">页底内容</div>
类似的有<main>/<article>/<aside>,需要注意的是<main>在一个文档中最多出现一次,并且不可作为<header>/<nav>/<footer>/<article>/<aside>的后代元素。
4.<section>
定义文档中的一段专题性内容,一般与 h 标签一起使用,相当于带有语义的<div>。与<article>的区别在于,<article>是一个特殊的<section>标签,具有更强的语义,代表独立的完整的内容块。
【html5】常见标签使用说明(持续更新)的更多相关文章
- Android源码编译常见错误(持续更新)
本文为个人工作中处理遇到的编译问题做个小结,后续遇到新的问题,持续更新. No such file or directory: 1. 检查路径是否有问题,文件是否存在,若文件存在且路径没问题 2. 检 ...
- HTML5学习笔记(持续更新中....)
平时的工作中,不知不觉我们应用了很多HTML5,但当正儿八经问起来你对HTML5了解多少,很多时候都有点懵. 做个简单的HTML5总结.包括简介.要学的知识点.凌乱的知识点 HMTL5简介 定义:ht ...
- 【技术累积】【点】【Java】【12】几种常见编码(持续更新)
问题描述 有这么一段代码: String question = new String(record.getQuestion().getBytes("iso-8859-1"), &q ...
- mysql 用法记录和常见错误,持续更新。
2016-10-20 08:31:46 在navicat创建表的时候,遇到"#1166 - Incorrect column name'Id'"问题,原因是创建的字段中有空格(是直 ...
- jsp标签精华(持续更新中)
<%@ taglib uri="/struts-tags" prefix="s" %> <%@ taglib uri="http:/ ...
- javascript/jquery 常见功能实现(持续更新...)
1. input 只能输入整数数字和字母 $(document).on('keyup','#no',function(){ var val = $.trim($(this).val()); if(va ...
- c++常见输入方法[持续更新]
字符串输入 cin>> 使用空格确认字符串结束位置,保留换行符在输入队列当中 单个字符读取 cin.get(), cin.get(char) 每次读取一行: cin.getline(cha ...
- Unity3D常见技术点(持续更新)
一:获取对象, 添加对象等 1:使用prefab生成对象 GameObject ballObj = GameObject.Instantiate(Resources.Load(, Quaternion ...
- ios 开发 常见问题解决 (持续更新)
1.使用cocoaPods引用第三方类库,报错:file not found . 解决方案:设置 Project->Info->Configurations之后 clear ,然后再 ...
随机推荐
- 使用Karma 来进行 JavaScript 测试
最近接触了一些新的前端开发知识,主要是利用AngularJS做single page application.我也借这个机会,花了几天时间了解了如何对javascript进行测试. 这里将介绍一些使用 ...
- cocoa pods报错The dependency `Reveal-iOS-SDK` is not used in any concrete target.
Podfile错误写法,会报错The dependency `Reveal-iOS-SDK` is not used in any concrete target. platform:ios,'7.0 ...
- for循环和迭代
迭代的一个时间复杂度最大就是n^2,而在for循环和迭代相结合的一个情况下则是一个排序组合,不再是一个简单n^2,而是阶乘n!.
- busybox-1.12.2编译提示“混合的隐含和普通规则”错误解决
编译环境:CentOs 7.1 Ubuntu 12.0.4 都可以 交叉编译工具:gcc -4.3.2 (博创6410平台) 问题描述:执行make menuconfig命令的时候,提示Makefil ...
- jquery判断起止时间大小和非空
//时间判断 function CheckDate() { var startTime = $('#txtTime').val(); //获取当前日期 var start = new Date(sta ...
- CSS3:transform translate transition 这些都是什么?
transform:一个属性名称,即CSS3 2D转换 属性. translate:一个属性函数,用法是translate(dx,dy) div { transform: translate(50px ...
- 处理SecureCRT中使用vim出现中文乱码问题
处理SecureCRT中使用vim出现中文乱码问题 引用原文:http://blog.chinaunix.net/uid-20639775-id-3475608.html因为cat没有问题,定位是vi ...
- .naturalWidth 和naturalHeight属性,
在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为 .naturalWidth 和naturalHeight属性,例子如下: var rw = myimage.naturalWidt ...
- s3c2440 移值u-boot-2016.03 第5篇 支持dm9000 识别
1, 通过查看 /drivers/net/Makefile 发现想要编译上,需要添加宏 /include/configs/smdk2440.h 中添加 #define CONFIG_DRIVER_DM ...
- C语言笔试常考知识点
1. const 关键字 a) const int a; b) int const a; c) const int *a; d) int * const a; e) int const * ...