您现在的位置是:首页 > 学无止境 > web前端web前端

html5常见标签使用说明(持续更新)

AndyGuo2020-10-17 09:10:22web前端1143人已围观

简介把一些常用常见的html5标签记录下来,方便以后查阅。1.viewport一般是这样的:<meta name="viewport" content="width=device-width,initial...

把一些常用常见的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>的后代元素。



小郭博客

标签云 更多

站长特荐

关闭
QQ 微信 支付宝扫一扫打赏