首页 > 其他分享 >HTML5的新增特性

HTML5的新增特性

时间:2022-10-03 10:13:01浏览次数:46  
标签:视频 浏览器 标签 音频 新增 特性 HTML5 格式

HTML5 的新增特性

1.HTML5 新增的语义化标签

  • header :头部标签
  • nav:导航标签
  • article:内容标签
  • section:定义文档某个区域
  • aside:侧边栏标签
  • footer:尾部标签

注意:
1.这种语义化标准主要是针对搜索引擎
2.这些新标签页面中可以使用多次
3.在IE9中,需要把这些元素转换为块级元素
4.其实,我们移动端更喜欢使用这些标签
5.HTML5还增加了很多其他标签,我们后面再慢慢学

2.HTML5 新增的多媒体标签

HTML5 在不使用插件的情况下,也可以原生的支持视频格式文件的播放,当然,支持的格式是有限的。

新增的多媒体标签最主要包含两个:音频(audio)、视频(video)

使用它们可以很方便的在页面中嵌入音频和视频,而不再去使用flash和其他浏览器插件。

1.视频

语法:

<video src="文件地址" controls="controls"></video>

如下图:该录像先播放MP4格式,如果不支持MP4格式则播放ogg格式,如果都不支持则显示“你的浏览器不支持 video 标签”。

2.视频

3.音频

语法:

<audio src="文件地址" controls="controls"></audio>

当前video元素支持三种音频格式:

如下图:该录像先播放MP3格式,如果不支持MP3格式则播放ogg格式,如果都不支持则显示“你的浏览器不支持

4.视频

注意:谷歌浏览器把音频和视频自动播放禁止了。

5.多媒体标签总结

  • 音频标签和视频标签使用方式基本一致浏览器支持情况不同
  • 谷歌浏览器把音频和视频自动播放禁止了
  • 我们可以给视频标签添加muted属性来静音播放视频,音频不可以(可以通过JavaScript解决)
  • 视频标签是重点,我们经常设置自动播放,不使用controls控件,循环和设置大小属性

3.HTML5 新增的表单标签

1.HTML5 新增的input 类型

2.HTML5 新增的表单属性

注意可以通过以下设置方式修改 placeholder 里面的字体颜色:

input::placeholder{
	color:red;
}

标签:视频,浏览器,标签,音频,新增,特性,HTML5,格式
From: https://www.cnblogs.com/chichi0002/p/16750077.html

相关文章

  • studio one 5中文版新功能特性
    StudioOne5mac版通过一个直观的应用程序录制、制作、混音、母带和演奏,基于划时代的音频引擎,提供了强大的音频性能,不仅可以在32位和64位浮点处理之间进行自动切换,还可以保......
  • ImportError: cannot import name 'html5lib' from 'pip._vendor'
    pip3installjupyter报错ImportError:cannotimportname'html5lib'from'pip._vendor'原因pip版本太旧curl-sS​​https://bootstrap.pypa.io/get-pip.py​​|pyt......
  • 肖sir_Java 8 新特性__21
    1.1Lambda表达式Lambda表达式,也可称为闭包,它是推动Java8发布的最重要新特性。Lambda允许把函数作为一个方法的参数(函数作为参数传递进方法中)。语法1,(parameters......
  • 多御安全浏览器使用技巧,剖析7大优点特性
    多御安全浏览器自上线以来,显示出了极大的潜力,并成功吸引人们的注意。通过使用多御安全浏览器能够发送电子邮件,使用办公软件以及浏览网页、看视频等等。下面我们来介绍多御......
  • Java的特性和优势
    简单性:C++纯净版,无头文件,无指针运算,无内存管理,语法基于C面向对象:重点放在对象以及对象之间的接口,模拟人的思维写程序,学习快可移植性:跨平台性,无操作系统和硬盘的限制......
  • 2022-09-28 隐藏掉uniapp出现的HTML5+ Runtime提示框
    把uniapp项目打包到app上并运行时会出现一个版本兼容检查提示框,可以通过配置manifest.json中的app-plus来控制是否显示。"compatible":{"ignoreVersion":false,/......
  • Oracle 12C R2-新特性---增强索引压缩
    高级索引压缩可以很好的应用于所有支持的索引。使用高级索引压缩创建索引可以减少所有唯一和非唯一索引的大小,并显着提高压缩率,占用更少的空间,同时仍然可以有效地访问索引。......
  • MySQL 8新特性--角色
    3.角色从MySQL8.0开始支持角色,和Oracle中的角色一样,角色就是权限的集合。MySQL中当前支持的关于角色的相关操作和变量:CREATEROLE和DROPROLEGRANT和REVOKESHOWGRANTSSET......
  • MySQL 8新特性--原子DDL
    ###1.AtomicDDL—原子DDL从MySQL8.0开始支持原子DDL,原子DDL语句就是将和DDL操作关联的数据字典更新,存储引擎内部操作和二进制日志写入操作组合到单个,原子事务中。即使数据......
  • Oracle 12C R2-新特性-新的初始化参数
    12.2中新引入的初始化参数ALLOW_GLOBAL_DBLINKSALLOW_GROUP_ACCESS_TO_SGAAPPROX_FOR_AGGREGATIONAPPROX_FOR_COUNT_DISTINCTAPPROX_FOR_PERCENTILEASM_IO_PROCESSESAUTOTAS......