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

html5常见标签使用说明（持续更新）

AndyGuo2020-10-17 09:10:22【web前端】1496人已围观

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



顶一下 （4） 赏 踩一下 （0）
小郭博客

相关文章

最新发表

标签云 更多

点击排行

站长特荐

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