都是网上收集的资料,非原创。仅供自己学习做笔记用的,发原创只是为了分享自己的笔记,侵权就删
HTML5新标签
常用
header:定义文档页眉头部
nav:定义导航链接的部分
footer:定义页面底部
article:定义文章
section:定义文档中的节(section、区段)
aside:定义其所处内容之外的内容 侧边
datalist
定义和用法
<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。
下面是一个 input 元素,datalist 中描述了其可能的值:
<input type="text" name="" value="输入明星" list="star"/>
<datalist id="star">
<option>刘德华</option>
<option>刘诺言</option>
<option>任问问</option>
<option>任玩得</option>
</datalist>
fieldset
组合表单中的相关元素:
<fieldset>
<legend>健康信息</legend> 标题
身高:<input type="text" /><br>
体重:<input type="text" />
</fieldset>
新增的input type类型
<form>
邮箱:<input type="email"/><!--aa@aa.com-->
手机:<input type="tel"/><!--手机各种 数字-->
数字:<input type="number"/><!--只能是数字-->
url:<input type="url"/><!--网址格式-->
搜索:<input type="search"/><!--搜索-->
区域:<input type="range"/><!--区域-->
时间:<input type="time"/><!--时间格式-->
年月日:<input type="date"/><!--年月日-->
颜色:<input type="color"/><!--颜色-->
<input type="submit"/>
</form>
placeholder 占位符
<input type="text" placeholder="请输入"> 占位符 提供预期输入文字,当用户输入的时候,里面的文字消失。删除所有文字,自动返回
autofocus 自动获得焦点
<input type="text" placeholder="请输入" autofocus="autofocus">
multiple 上传多个文件
上传文件:<input type="file" multiple/>
autocomplete 自动记录
不想有记忆功能 可以把on改成off
embed 多媒体标签
embed可以用来插入各种多媒体,格式可以是 Swf、Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。src为音频或视频文件及其路径,可以是相对路径或绝对路径
audio
<audio> 标签定义声音,比如音乐或其他音频流。
属性
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
preload | preload |
如果出现该属性,则音频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 |
src | url | 要播放的音频的 URL。 |