HTML5新增(自学笔记)

新增常用标签

<header>语义：定义页面的头部，页眉</header>
<nav>语义：定义导航栏</nav>
<footer>语义：定义页面底部，页脚</footer>
<article>语义：定义文章</article>
<section>语义：定义区域</section>
<aside>语义：定义其所处内容之外的内容，侧边</aside>

datelist定义选项列表，与input元素配合使用

<input type="text" value="输入明星" list="star"/>
<datalist id="star">
	<option value="刘德华">
	<option value="刘若英">
	<option value="刘晓庆">
	<option value="郭富城">
	<option value="张学友">
</datalist>

fieldset元素可将表单内的相关元素分组，打包，与legend搭配使用

<fieldset>
	<legend>用户登录</legend>
	用户名<input type="text">
	密码<input type="password">
</fieldset>

新增表单

类型	使用示例	含义
email	<input type="email" />	输入邮箱格式
tel	<input type="tel" />	输入邮手机号码
url	<input type="url" />	输入网址格式
number	<input type="number" />	输入数字格式
search	<input type="search" />	搜索框
range	<input type="range" />	自由拖动滑块
time	<input type="time" />	小时分钟
date	<input type="date" />	年月日
datetime	<input type="datetime" />	时间
month	<input type="month" />	月年
week	<input type="week" />	星期 年

常用新增表单属性

属性	用法	含义
placeholder	<input type="text" placeholder="请输入" >	占位符，当用户输入时里面的文字消失
autofocus	<input type="text" autofocus >	规定当页面加载input 元素，自定获得焦点
multiple	<input type="text" multiple>	上传多个文件
autocomplete
required	<input type="text" required>	必填项，内容不能为空
accesskey	<input type="text" accesskey="s">	规定激活（使元素获得焦点）元素的快捷键

多媒体audio、video

<audio src="xing.mp3">
	<source src="xing.mp3">
	<source src="xing.ogg">
	您的游览器版本过低
</audio>
它的属性值：
autoplay:自动播放
controls:是否显示默认播放控件
loop循环播放

video src="xing.mp3">
	<source src="xing.mp3">
	<source src="xing.ogg">
	您的游览器版本过低
</video>

source标签允许您规定可替换的视频或音频文件格式