html5标签属性大全_HTML5 新增标签和属性

哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

志同道合的小伙伴跟我一起学习交流哦！

第一阶段 HTML5

09HTML5 新增标签和属性

1 html5文档类型和字符集

Html的发展历程：

文档类型设定

Document

HTML: sublime输入html:4s

XHTML: sublime输入html:xt

HTML5：sublime输入html：5或者！显示

2 查看手册及其新增标签

常用新标签(需掌握)

W3c手册中文官网：w3school

header：定义文档的页眉 头部

nav：定义导航链接的部分

footer：定义文档或节的页脚 底部

article：定义文章。

section：定义文档中的节( section区段)

aside：定义其所处内容之外的内容 侧边

datalist：定义选项列表。与 input元素配合使用该元素

Fieldset：可将表单内的相关元素分组，打包

3 datalist标签

有提示的下拉菜单

4 fieldset元素

fieldset元素可将表单内的相关元素分组、打包， 和legend搭配使用

5 HTML5新增 iInput表单(一)

6 HTML5新增 input表单(二)

7 新增占位符焦点多选属性

8 autocomplete属性

输入内容自动记录，方便下次快速输入

autocomplete必须满足两个条件才会起作用，一是必须有提交按钮，二是必须给给他名字，名字是什么无所谓，例如上面“123”

9 内容不能为空和获得焦点属性

required是提示输入内容不能为空

accesskey是一个快捷键属性，如上字母“s”,意思是在页面中按“ctrl+s”可以将光标移至此文本框

10 表单综合案例学生档案

显示效果如下(马赛克不算)：

11 embed引入网上视频

多媒体标签 embed：定义嵌入的内容，embed可以用来插入各种多媒体，格式可以是Mid、Wav、AFF、AU、MP3等等。Url为音频或视频文件及其路径，可以是相对路径或绝对路径

因为兼容性问题，我们这里只讲解插入网络视频，后面H5会讲解audio和video视频多媒体。

12 播放音频 audio

autoplay是自动播放，controls是显示播放器，Loop是循环次数

每个浏览器的显示样式有所不同，每个浏览器支持的音频格式有所不同

Source可以提供多个音频格式，以便兼容各种浏览器。

13 播放视频 video

跟音频播放用法一样

看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。

第一阶段HTML5的所有章节都已结束，下篇文章将分享《第二阶段 CSS3》小伙伴们不要错过哟！

​