说明：
所谓常见，是指我在优秀网页源码中见到的。
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>标签，具有更强的语义，代表独立的完整的内容块。