input 新增类型
<input type="email" name="email" />
- url
只兼容iphone
<input type="url" name="url" />
- tel
<input type="tel" name="tel" />
- number
<input type="number" name="number" />
-
datepickers
Date 选取日、月、年
Month 选取月、年
Week 选取周和年
Time 选取时间（小时和分支）
Datetime 选取时间、日、月、年（UTC时间）
Datetime-local 选取时间、日、月、年（本地时间） -
range
范围，默认0-100
<input type="range" name="range" min="1" max="10" />
- search
<input type="search" name="search" />
- color
<input type="color" name="color" />
表单新增属性
- autocomplete
form 或 input 域应该拥有自动完成功能
<form autocomplete="on/off"> </form>
<input type="email" name="email" autocomplete="off" />
- autofocus
规定页面加载时，域自动获得焦点
<input type="text" name="text" autofocus="autofocus" />
- multiple
规定输入域中可以选择多个值
multiple 适用于以下类型的<input>标签：email、file
<input type="file" multiple="multiple" />
<input type="email" multiple="multiple"> "A,B 提交时可以根据',' 分隔，提交时后端获取到数组类型"
- placeholder
提供一种提示(hint),描述输入域所期待的值
适用于<input> 标签type属性值为:
text, search, url, telephone, email, password
<input type="search" placeholder="Search Content" />
- required
不能为空, 必填
适用于<input> 标签type属性值为:
text, search, url, telephone, email, password, date pickers, number, checkbox, radio, file
<input type="text" required="required" />
链接属性
- sizes
图标大小控制，分辨率不同
<link rel="icon" href="icon.gif" type="image/gif" sizes="16x16">
- target
<base>标签写在<head></head>标签内
目标类型：_blank、_self、_parent、_top
<head>
<base href="http://echowo.com" target="_blank">
</head>
- 超链接
a:media="" 链接文档是何种媒介（表示对设备进行优化，handheld对"手持" 设备进行支持，tv对"电视"设备进行支持）
a:hreflang="zh" 链接文档的语言（设置目标页面语言，这里设置语言为中文）
a:rel="external" 当前文档与被链接文档之间的关系（设置超链接的引用，这里超链接为外部链接）
其它属性
- defer
加载完脚本并不执行，而是等整个页面加载完之后再执行(**只兼容IE浏览器**)
<script defer="defer" src="URL" ></script>
- async
加载完脚本后立刻执行，不用等整个页面都加载完，属于一步执行(**兼容主流浏览器**)
对脚本进行异步加载，实现JavaScript双线程加载
<script async="async" src="URL" ></script>
- ol 有序列表
start --- 起始值
reversed --- 倒叙排列
<ol start="4" reversed="reversed">
<li>html</li>
<li>css</li>
<li>php</li>
</ol>
- html
manifest = "cache.manifest" （定义页面离线应用文件）
<html manifest="cache.manifest" >
- *style --- 不提倡使用
scoped：内嵌css(可以写在任意位置，里面写css代码)
<style scoped>
...
</style>
网友评论