0
点赞
收藏
分享

微信扫一扫

01.HTML5提高-新增属性

以前干嘛去了 2022-02-17 阅读 50

目录

前言

一、html5新增语义化标签

二、html5新增多媒体标签

1.视频标签video

video-常见属性

兼容性写法:

2.音频标签 audio

audio-常见属性

兼容性写法(一般不需要这样写):

三、html5新增input 类型

常见的input类型 

四、html5新增表单属性

1. placeholder-提示文本   

2. multiple-多文件提交     

3. autofocus-自动聚焦     

4. autocomplete-自动记录填写过的属性

总结


前言

分享相关H5新增的属性-后续会持续补充


一、html5新增语义化标签

优点:一看就知道是什么要干什么 

缺点:有兼容性,IE9以上版本浏览器才可以使用

使用注意:

  • 语义化标签主要是针对搜索引擎使用的

  • 可以多次使用

  • 在IE9中,需要把这些元素转化为块级元素

  • 移动端更喜欢使用这些标签


二、html5新增多媒体标签

1.视频标签video

支持三种视频格式:MP4 (基本所有浏览器都支持)、WebM、Ogg

video-常见属性

兼容性写法:

2.音频标签 audio

支持三种音频格式:MP3 (基本所有浏览器都支持)、WebM、Ogg

audio-常见属性

兼容性写法(一般不需要这样写):


三、html5新增input 类型

常见的input类型 


四、html5新增表单属性

1. placeholder-提示文本   

可以通过以下方式修改placeholder里面的字体

2. multiple-多文件提交     

3. autofocus-自动聚焦     

4. autocomplete-自动记录填写过的属性

使用场景:input必须要设置name名称并且成功提交过一次

总结

以上是分享的关于H5新增的少部分内容,主要是关于新增语义化标签、新增input类型、新增表单属性以及新增的多媒体标签。还有很多其他相关的内容,后续会继续补充

举报

相关推荐

0 条评论