HTML5新标签与特性
1.常用新标签
header:定义文档的页眉 头部
nav:定义导航链接的部分
footer:定义文档或节的页脚 底部
article:定义文章。
section:定义文档中的节(section、区段)
aside:定义其所处内容之外的内容 侧边
datalist 标签定义选项列表。请与 input 元素配合使用该元素
fieldset 元素可将表单内的相关元素分组,打包 legend 搭配使用
2.新增的input type属性值:
类型 含义
email 输入邮箱格式
tel 输入手机号码格式
url 输入url格式
number 输入数字格式
search 搜索框(体现语义化)
range 自由拖动滑块
time 小时分钟
date 年月日
datetime 时间
month 月年
week 星期 年
3.常用新属性
属性 含义
placeholder 占位符 当用户输入的时候里面的文字消失删除所有文字,自动返回
autofocus 规定当页面加载时 input 元素应该自动获得焦点
multiple 多文件上传
autocomplete 规定表单是否应该启用自动完成功能,有2个值,一个是on,一个是off,on代表记录已经输入的值。1.autocomplete 首先需要提交按钮 2.这个表单您必须给他名字
required 必填项 内容不能为空
accesskey 规定激活(使元素获得焦点)元素的快捷键,采用alt + s的形式
4.多媒体标签
audio
<audio controls autoplay>
<source src="bgsound.mp3" />
</audio>
autoplay 自动播放
controls 是否显不默认播放控件
loop 循环播放 loop = 2 就是循环2次 loop 或者 loop = “-1” 无限循环
video
<video controls autoplay>
<source src="mp4.mp4"/>
</video>
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口宽度
height 设置播放窗口的高度