HTML5新增的语义化标签
- <header>头部标签
- <nav>导航标签
- <article>内容标签
- <section>定义文档某个区域,可以理解为大号的div
- <aside>侧边栏标签
- <footer>尾部标签
注意:
- 这种语义化标准主要是针对搜索引擎的
- 这些新标签页面中可以使用多次
- 在IE9中,需要吧这些元素全部转换为块级元素
- 其实,移动端更喜欢用这些标签
- HTML5还增加了很多其他标签
HTML5新增的多媒体标签
- 音频:<audio>
- 视频:<video>
使用他们可以很方便的在页面中嵌入音频和视频,而不再去使用flash和其他浏览器插件
视频<video>
不同浏览器支持的视频格式不同,尽量使用mp4格式
语法:
<video src="文件地址" controls="controls"></video>
常见属性:
- autoplay autoplay视频就绪自动播放(谷歌浏览器需要添加nuted来解决自动播放问题)
- controls controls向用户显示播放控件
- width 设置播放器宽度
- height 设置播放器高度
- loop loop播放完是否继续播放该视频,循环播放
- preload
- none(不应加载视频)
- auto(预先加载视频)
- 规定是否预加载视频(如果有了autoplay就忽略该属性)
- srcurl url地址
- poster lmgurl加载等待的画面图片
- muted muted静音播放
音频<audio>
尽量使用mp3格式
语法:
<audio src="文件地址" controls="controls"></audio>
常见属性:
- autoplay autoplay如果出现该属性,则音频在就绪后马上播放
- controls controls如果出现该属性,则向用户显示控件,上比如播放按钮
- loop loop如果出现该属性,则每当音频结束时重新开始播放
- src url要播放的音频的URL
HTML新增的input类型
常见的有
- type="email" 限制用户输入必须为Email类型
- type="url" 限制用户输入必须为URL类型
- type="date" 限制用户输入必须为日期类型
- type="time" 限制用户输入必须为时间类型
- type="month" 限制用户输入必须为月类型
- type="week" 限制用户输入必须为周类型
- type="number" 限制用户输入必须为数字类型
- type="tel" 手机号码
- type="search" 搜索框
- type="color" 生成一个颜色选择表单
HTML新增的表单属性
- require drequired 表单拥有该属性表示其内容不能为空,必填
- placeholder 提示文本 表单的提示信息存在默认值将不显示
- autofocus autofocus 自动聚焦属性,页面加载完成自动聚焦到指定表单当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
- autocomplete off / on 默认已经打开,如autocomplete="on”,关闭autocomplete ="off""需要放在表单内,同时加上name属性,同时成功提交
- multiple multiple 可以多选文件提交