说明:

所谓常见,是指我在优秀网页源码中见到的。

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】常见标签使用说明(持续更新)的更多相关文章

  1. Android源码编译常见错误(持续更新)

    本文为个人工作中处理遇到的编译问题做个小结,后续遇到新的问题,持续更新. No such file or directory: 1. 检查路径是否有问题,文件是否存在,若文件存在且路径没问题 2. 检 ...

  2. HTML5学习笔记(持续更新中....)

    平时的工作中,不知不觉我们应用了很多HTML5,但当正儿八经问起来你对HTML5了解多少,很多时候都有点懵. 做个简单的HTML5总结.包括简介.要学的知识点.凌乱的知识点 HMTL5简介 定义:ht ...

  3. 【技术累积】【点】【Java】【12】几种常见编码(持续更新)

    问题描述 有这么一段代码: String question = new String(record.getQuestion().getBytes("iso-8859-1"), &q ...

  4. mysql 用法记录和常见错误,持续更新。

    2016-10-20 08:31:46 在navicat创建表的时候,遇到"#1166 - Incorrect column name'Id'"问题,原因是创建的字段中有空格(是直 ...

  5. jsp标签精华(持续更新中)

    <%@ taglib uri="/struts-tags" prefix="s" %> <%@ taglib uri="http:/ ...

  6. javascript/jquery 常见功能实现(持续更新...)

    1. input 只能输入整数数字和字母 $(document).on('keyup','#no',function(){ var val = $.trim($(this).val()); if(va ...

  7. c++常见输入方法[持续更新]

    字符串输入 cin>> 使用空格确认字符串结束位置,保留换行符在输入队列当中 单个字符读取 cin.get(), cin.get(char) 每次读取一行: cin.getline(cha ...

  8. Unity3D常见技术点(持续更新)

    一:获取对象, 添加对象等 1:使用prefab生成对象 GameObject ballObj = GameObject.Instantiate(Resources.Load(, Quaternion ...

  9. ios 开发 常见问题解决 (持续更新)

    1.使用cocoaPods引用第三方类库,报错:file not found   . 解决方案:设置 Project->Info->Configurations之后  clear ,然后再 ...

随机推荐

  1. 使用Karma 来进行 JavaScript 测试

    最近接触了一些新的前端开发知识,主要是利用AngularJS做single page application.我也借这个机会,花了几天时间了解了如何对javascript进行测试. 这里将介绍一些使用 ...

  2. 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 ...

  3. for循环和迭代

    迭代的一个时间复杂度最大就是n^2,而在for循环和迭代相结合的一个情况下则是一个排序组合,不再是一个简单n^2,而是阶乘n!.

  4. busybox-1.12.2编译提示“混合的隐含和普通规则”错误解决

    编译环境:CentOs 7.1 Ubuntu 12.0.4 都可以 交叉编译工具:gcc -4.3.2 (博创6410平台) 问题描述:执行make menuconfig命令的时候,提示Makefil ...

  5. jquery判断起止时间大小和非空

    //时间判断 function CheckDate() { var startTime = $('#txtTime').val(); //获取当前日期 var start = new Date(sta ...

  6. CSS3:transform translate transition 这些都是什么?

    transform:一个属性名称,即CSS3 2D转换 属性. translate:一个属性函数,用法是translate(dx,dy) div { transform: translate(50px ...

  7. 处理SecureCRT中使用vim出现中文乱码问题

    处理SecureCRT中使用vim出现中文乱码问题 引用原文:http://blog.chinaunix.net/uid-20639775-id-3475608.html因为cat没有问题,定位是vi ...

  8. .naturalWidth 和naturalHeight属性,

    在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为 .naturalWidth 和naturalHeight属性,例子如下: var rw = myimage.naturalWidt ...

  9. s3c2440 移值u-boot-2016.03 第5篇 支持dm9000 识别

    1, 通过查看 /drivers/net/Makefile 发现想要编译上,需要添加宏 /include/configs/smdk2440.h 中添加 #define CONFIG_DRIVER_DM ...

  10. C语言笔试常考知识点

    1. const 关键字 a)  const int a; b)  int const a; c)  const int *a; d)  int * const a; e)  int const * ...