先附上源码：
<html>
<head>
<title>html5新增内容</title>
</head>
<body>
<section>
<h2>section标记的使用</h2>
<p>完成百分比：100%</p>
<input type="button" value="请单击"/>
</section>
<acticle>
<header>
<h1>苹果美容</h1>
</header>
<p>苹果素有“水果之王”的美称，它含有丰富的维生素C，能让皮肤细嫩、柔滑而白皙，苹果面膜的做法很简单，将苹果去皮去核切块后放入搅拌机搅成泥状，干性皮肤的美眉在苹果泥中加入新鲜的牛奶或蜂蜜，油性皮肤的美眉则可加入少量蛋清，搅拌均匀后涂在脸上，敷10~15分钟后洗净，你会发现肤色有明显变化哦。</p>
<footer>
<p>2018-2-6</p>
</footer>
</acticle>
<aside>
<nav>
<h2>侧栏</h2>
<ul>
<li>
<a href="#">明日图书</a> 2018-2-6
</li>
<li>
<a href="#">明日软件</a> 2018-2-6
</li>
<li>
<a href="#">明日报社</a> 2018-2-6
</li>
</ul>
</nav>
</aside>
</body>
</html>
标签详解：
1. section：表示页面的一个区域
2. acticle：表示与页面其他内容不相关的独立模块，有自己的标题，脚注等
3. header：表示一个模块或整个页面的标题
4. footer：表示一个模块或整个页面的注脚
5. aside：表示当前页面的附属信息
新增的input元素类型：
1. email：表示文本框必须输入email地址
2. URL：表示文本框必须输入URL地址
3.number：表示文本框必须输入数值
4. range：表示文本框必须一定范围内数字值
61
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
