H5常用新特性
程序员文章站
2022-04-21 18:09:18
html5新特性 【注意】这些新特性都有兼容性的问题,基本是IE9+以上版本的浏览器才支持,如果不考兼容性问题,可以大量使用这些新特性 1. html5新增的语义话标签 :头部标签 导航栏标签 内容标签 定义文档某个区域 侧边栏标签 尾部标签 【注意】 这种语义化标准主要是针对搜索引擎的 这些新标签 ......
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 静音播放
-
-
新增表单
属性值 说明 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 可以多选文件提交