HTML5还是比较简单，本人也是新学，但是里面的一些东西挺好用的，比如说下面的details、datalist，如果用JS写的话代码挺烦的，5就能比较好的解决这个问题。以下是一些新增标签，也有图片样式，先总结在博客上，以后要用直接过来复制粘贴，很方便哦~
1.新增标签
（1）进度条--Prograss
<h3>Prograss</h3>
<progress max="100" value="85">
<span>85</span>
"%"
</progress>
（2）下拉条目-details（挺好用）
<h3>details</h3>
<details open>
<summary>MacBook Pro Specification</summary>
<ul>
<li>12-iucb LED-backlit glossy widescreen display with edge</li>
<li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
<li>12-iucb LED-backlit glossy widescreen display with edge</li>
<li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
<li>12-iucb LED-backlit glossy widescreen display with edge</li>
<li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
</ul>
</details>
（3）datalist--对输入内容做提示（好用）
<h3>datalist</h3>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input id="myCar" list="cars"/>
<datalist id="cars">
<option value="BMU"></option>
<option value="Ford"></option>
<option value="Volvo"></option>
</datalist>
</form>
（4）ruby--注释（rt表示注释内容，可标注拼音；rp表示浏览器不支持时该如何显示）
<h3>ruby</h3>
<ruby>
"姚"
<rt>yao</rt>
<rp>"女兆"</rp>
</ruby>
