在HTML第五次大幅更改后，替代HTML4和XHTML的第一代标准版本称为HTML5。 HTML5中添加了一些语义标签，以提高可用性和用户友好的体验。 那么，我们来学习一下HTML5中新添加的标签吧~
狭义的HTML5是指HTML语言的第五个版本。
广义的HTML5是指HTML5 CSS3 Javascript技术的集成。
在HTML5中添加语义化标记
HTML5的好处：
提高可用性和用户友好的易用性
更好的语义化标签
带来更多的多媒体元素，取代FLASH和Silverlight
在捕获和索引网站时，对SEO非常友好
多用于移动APP应用和游戏
移植性好
HTML5的缺点：
PC端浏览器不支持此标准
IE9以下的浏览器几乎不兼容
添加H5语义标签-常规布局标签
磁头标签
导航选项卡
主体标签
独立内容标签
区段标签
侧栏标签
尾部标签
语义化标签. PNG
注意：此语义化标准主要面向搜索引擎，可以在页面中多次使用。 IE9需要将这些元素转换为块级元素。
添加H5语义化标签-多媒体标签
音频标签
HTML5可以在不使用插件的情况下支持本机音频格式的文件播放，但支持的格式有限。
音频格式. PNG
音频标签的兼容写法
您的浏览器不支持audio标签
音频标记的常规属性
属性
价格
说明
自动播放
自动播放
音频准备好后马上播放
控制力
控制力
向用户显示音频控制
loop
loop
音频结束后，重新开始播放
预加载
预加载
音频在加载页面时加载，准备播放。 “自动”属性将被忽略
src
网址
要播放的音频URL
视频标签
HTML5可以本机支持视频格式文件的播放，而无需使用插件，但支持的格式有限。
视频格式. PNG
音频标签的兼容写法
您的浏览器还不支持视频标签
视频标签的常规属性
属性
价格
说明
自动播放
自动播放
视频自动播放
控制力
控制力
向用户显示播放控件
loop
loop
视频结束后，该视频继续播放并循环播放
预加载
自动(预载、无) (无预载) ) )。
是否预加载视频，“自动”属性将被忽略
src
网址
视频url地址
窗口
像素。
播放器宽度
高亮度
像素。
播放器高度
福斯特
img url
加载时等待画面图像
多任务
多任务
静音播放
添加H5语义标记-表单标记
输入标签
HTML5新建表单类型
属性值
说明
type='email '
要限制用户输入，它必须是电子邮件类型
type='url '
用户输入必须限制为url类型
type='date '
用户输入必须限制为日期类型
type='time '
用户输入必须限制为时间类型
type='month '
用户输入必须限制为月类型
type='week '
用户输入必须限制为周类型
type='number '
用户输入必须限制为数值类型
type='range '
滑动条
type='tel '
手机号码
type='search '
搜索框
type='color '
生成颜色选择表单
标签
标记为元素定义了可能的选项列表。
元素包含一组表示预定义选项值的元素，它们在导入元素时自动对应于元素的值。
绑定标签必须具有与标签的id属性值相等的列表属性。
GHz
ct
sh
添加表单属性
属性
价格
说明
要求的
要求的
此属性表单的内容不能为空。 必须的
placeholder
提示文本
表单提示信息
自动聚焦
自动聚焦
自动对焦属性
自动完成
关闭/打开
要默认打开，必须在表单中成功提交name属性
多用途
多用途
可以选择多个文件并提交