【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>标签,具有更强的语义,代表独立的完整的内容块。
【html5】常见标签使用说明(持续更新)的更多相关文章
- Android源码编译常见错误(持续更新)
本文为个人工作中处理遇到的编译问题做个小结,后续遇到新的问题,持续更新. No such file or directory: 1. 检查路径是否有问题,文件是否存在,若文件存在且路径没问题 2. 检 ...
- HTML5学习笔记(持续更新中....)
平时的工作中,不知不觉我们应用了很多HTML5,但当正儿八经问起来你对HTML5了解多少,很多时候都有点懵. 做个简单的HTML5总结.包括简介.要学的知识点.凌乱的知识点 HMTL5简介 定义:ht ...
- 【技术累积】【点】【Java】【12】几种常见编码(持续更新)
问题描述 有这么一段代码: String question = new String(record.getQuestion().getBytes("iso-8859-1"), &q ...
- mysql 用法记录和常见错误,持续更新。
2016-10-20 08:31:46 在navicat创建表的时候,遇到"#1166 - Incorrect column name'Id'"问题,原因是创建的字段中有空格(是直 ...
- jsp标签精华(持续更新中)
<%@ taglib uri="/struts-tags" prefix="s" %> <%@ taglib uri="http:/ ...
- javascript/jquery 常见功能实现(持续更新...)
1. input 只能输入整数数字和字母 $(document).on('keyup','#no',function(){ var val = $.trim($(this).val()); if(va ...
- c++常见输入方法[持续更新]
字符串输入 cin>> 使用空格确认字符串结束位置,保留换行符在输入队列当中 单个字符读取 cin.get(), cin.get(char) 每次读取一行: cin.getline(cha ...
- Unity3D常见技术点(持续更新)
一:获取对象, 添加对象等 1:使用prefab生成对象 GameObject ballObj = GameObject.Instantiate(Resources.Load(, Quaternion ...
- ios 开发 常见问题解决 (持续更新)
1.使用cocoaPods引用第三方类库,报错:file not found . 解决方案:设置 Project->Info->Configurations之后 clear ,然后再 ...
随机推荐
- 关于ScrollView和listview的冲突关于的滑动和宽度
listview和ScrollView嵌套有两个冲突,关于listview显示不全的问题和listview和scrollview的滑动冲突 自定义listview package com.exmple ...
- Create and Use Custom Attributes
http://www.codeproject.com/Articles/1811/Creating-and-Using-Attributes-in-your-NET-applicat Create a ...
- Date类型,Boolean类型,Number类型
1.Date类型: 1)创建Date对象: var date=new Date(); //Date对象会把当前日期和时间保存为其初始值 2)Date对象的方法: --这些得到的都是数字 ...
- PHP计算时间差,并返回什么时间之前发表的内容
<?php header("Content-type: text/html; charset=utf-8"); function time2Units ($time){ $y ...
- mysql删除带有NULL的行
假如表A有一列,名字为“Age”,有些行对应的Age为NULL,如果要删除这些行,使用一下语句: delete from A where Age is null;
- 【SSO单点系列】(3):CAS4.0 登录页验证码的添加
2016.08.23 更新 注意:这个教程只适合4.0版本的,4.1以及以上的版本的已经不试用了, 后面几篇有人提到过 源码网盘链接更新了下 : 链接: http://pan.baidu.com/s/ ...
- word2013 blog test
测试一:style里的内容能保存吗?: int read; byte * buf; int tries; int read; byte * buf ...
- Tiles & SiteMesh
Tiles & SiteMesh 这两天在给公司的新项目搭框架,在配tiles框架的时候发现一个小问题: 比如开发团队一共5人,每人10个页面,如果按照简单的tiles框架配置方法,每个 ...
- HDU1848 Fibonacci again and again SG函数
Fibonacci again and again Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Jav ...
- CSS背景样式
CSS是级联样式表,用来表现HTML等文件样式的语言,CSS能够真正做到网页的表现与内容分离的设计语言,也就是说,做好了一款网页,可以通过另一个后缀名是css的文件进行修改其中的样式,不过在html的 ...