html5新特性
【注意】这些新特性都有兼容性的问题,基本是IE9+以上版本的浏览器才支持,如果不考兼容性问题,可以大量使用这些新特性
- html5新增的语义话标签
- <header> :头部标签
- <nav> 导航栏标签
- <article> 内容标签
- <section> 定义文档某个区域
- <aside> 侧边栏标签
- <footer> 尾部标签
- 【注意】
- 这种语义化标准主要是针对搜索引擎的
- 这些新标签页面中可以使用多次
- 在IE9中,需要把这些元素转换为块级元素
- 更多移动端使用
- HTML新增的多媒体标签
- 音频:<autio>
浏览器 MP3 Wav Ogg Internet Explorer YES NO NO Chorme YES YES YES Firefox YES YES YES Safari YES YES YES Opera YES YES YES 属性 值 描述 autoplay autoplay 如果出现该属性,则音频就绪后马上播放 controls controls 如果出现该属性,则向用户显示控件,比如播放按钮 loop loop 在音频结束时重新开始播放 src url 要播放音频的URL - 视频:<video>
-
浏览器 mp4 webm ogg Internet Explorer yes no no Chrome YES YES YES Firefox yes YES YES Safari yes no no opera yes yes yes
-
-
<video src="文件地址" controls="controls"></video>
属性 值 描述 autoplay autoplay 视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放的问题) controls controls 向用户显示播放控件 width pixels 设置播放器宽度 height px 设置播放器高度 loop loop 是否循环播放 preload auto(预先加载视频)none(不预先加载视频) 规定是否预先加载视频(如果有了auto play,就忽略该属性) src url 视频url地址 poster imgurl 加载等待的画面图片 muted muted 静音播放
- 音频:<autio>
- 新增表单
属性值 说明 type="email" 用户输入的必须为Email类型 type=“url” 限制用户必须输入为URL类型 type=“date” 限制用户必须输入日期类型 type=“time” 限制用户必须输入时间类型 type=“month” 限制用户必须输入月份 type=“week” 限制用户必须输入周 type=“number” 限制用户输入数字 type=“tel” 限制用户输入手机号 type=“search” 搜索框 type=“color” 生成一个颜色选择表单 - 新增的表单属性
属性 值 说明 required required 表单拥有该属性表示其内容不能为空必填 placeholder 提示文本 表单的提示信息,存在默认值将不显示 autofocus autofocus 自动聚焦属性,页面加载完成自动聚焦到指定表单 auto complete off\on 当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出字段中填写的选项。默认已经打开,如autocomplete=“on”,关闭auto complete=“off”需要放在表单内,同时加上name属性,同时成功提交 multiple multiple 可以多选文件提交
原文地址:https://www.cnblogs.com/SSPOFA/p/11875643.html
时间: 2024-10-11 06:14:24