Html5 属性变化

input 新增类型

<input type="email" name="email" />

只兼容iphone
<input type="url" name="url" />

<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" />

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

最后编辑于：2019.08.03 00:14:12