哈喽大家好，我是作者“未来”，本期分享的内容是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》小伙伴们不要错过哟！
?