【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>标签，具有更强的语义，代表独立的完整的内容块。