HTML5新标签与特性（笔记）

最新推荐文章于 2022-12-24 22:11:02 发布

Thetimezipsby

最新推荐文章于 2022-12-24 22:11:02 发布

阅读量1.1k

点赞数 1

分类专栏：笔记文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_43775179/article/details/108562474

版权

13 篇文章 0 订阅

订阅专栏

HTML5 ： HTML 标准的最新版本，是对 HTML 的第五次重大修改。HTML5的出现，对于WEB来说意义重大，其目的是想要把目前WEB中存在的各种问题一并解决掉。

语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。（就是每个标签在这整个html中都分别代表某种意义）

其新增标签有：

标签	意义
header	定义文档的页眉，用来表示页面的头部
nav	定义页面的导航链接部分（导航栏）
main	表示整个页面的主体内容
aside	网页中的侧边栏
article	该标签表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报纸中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。
section	该标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
footer	定义文档或节的页脚（通常用于页面的底部，版权信息那块）
datalist	该标签定义选项列表（里面包含了一组option元素）。请与 input 元素配合使用该元素，其中input的list属性值必须和datalist的id值一致
figure	该元素用于表示一块独立的图片区域，元素内部可以包含一个或多个img元素。另外，该元素还可以包含一个figcaption元素，用于定义该图片区域的标题
fieldset	可将表单内相关元素分组，与legend标签（就是对这个组的描述）配合使用
meter	该元素用来显示已知范围的标量值或者分数值例图：
progress	元素用来显示一项任务的完成进度例图：

属性	含义
placeholder	占位符提供可描述输入字段预期值的提示信息（常用于input标签中，起到提示作用）
autofocus	规定当页面加载时 input 元素应该自动获得焦点（布尔值）
multiple	多文件上传（常用于input的type属性值为file时，可进行多选文件，布尔值）
autocomplete	规定表单是否应该启用自动完成功能，on默认，启用自动完成，off表示关闭（就是在表单中输入信息提交之后，再次进行输入时，值为on时，输入和上次相同的信息就会有提示作用）
required	表示该input框是必填项（布尔值）
accesskey	全局属性提供了为当前元素生成快捷键的方式，使用Alt+设置的键，即可选中该元素
tabindex	指定获取焦点的顺序
data-*	自定义标签属性
pattern	属性规定用于正则表达式验证输入的字段（适用于以下 input 类型：text, search, url, telephone, email 以及 password ）

embed可以用来插入各种多媒体，格式可以是 Midi(乐器数字接口)、Wav、AIFF(音频交换文件格式)、AU、MP3等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
可以引用优酷，土豆，爱奇艺，腾讯、乐视的在线视频等

格式
<embed height=498 width=510 src='视频路径'></embed>

可以通过该标签引入音频文件（只能引入本地音频文件）

格式
<audio src='文件路径'></audio>

audio相关属性

由于版权等原因，不同的浏览器可支持播放的格式是不一样的，如下图供参考：

多浏览器支持的方案：

可以通过该标签引入视频文件（只能引入本地视频文件）

格式
<video src='文件路径'></video>

video相关属性