HTML5新特性

---

前言

HTML 4相信大家已经十分熟悉了，在标签日益语义化的今天，某些元素在HTML5中已经被删除或重新定义。
为了更好地处理今天的互联网应用，HTML5添加了很多新元素，比如: 新的结构标签，新的表单元素，新的媒体标签等。

---

一、新的标签结构

1.代码

        <header></header>      //网页的头部
		<footer></footer>      //网页的底部
		<aside></aside>        //侧边栏内容
		<main></main>          //主题部分
		<article></article>    //页面独立的内容区域
		<nav></nav>            //当导航
		<section></section>    //类似div
		<details></details>
		

2.特点

1.如果没有css样式，结构一目了然;
2.提高团队的开发效率;
3.提升网页的SEO。

3.结构

---

二、新的表单元素

1.代码

       <input type="date">
		<input type="time">
		<input type="email" name="email">
		<input type="url" name="url">
		<input type="email" name="email">
		<input type="number" name="number" >
		<input type="range" name="range">
		

2.作用

---

三、新的媒体标签

1.代码

      	<audio src="" controls autoplay loop muted ></audio>    //音频
		<video src="" controls autoplay loop muted width="" height=""></video>    //视频
		<source src="movie.ogg" type="video/ogg">
		

2.作用

---