H5新特性 - 新增标签

新增的语义标签

标签语义化

旨在让标签有自己的含义，见名知义

优势
代码结构清晰，方便阅读，有利于团队开发（开发效率提高）
方便其他设备解析（屏幕阅读器，盲人阅读器）以语义的方式来渲染页面
有利于搜索引擎优化（SEO）

• 主体结构元素
• 主要用来划分区域

<nav> 导航 </nav>
<article> 主体 </article>
<section> 用来表示 段或者章节 (模块) </section>
<aside> 主体之外的附属信息 例如侧边广告栏 </aside>
<time> 9:00 </time>

• 非主体元素

<header> 用在页面的头部 
<footer> 用在页面的底部 
<address> 标签定义文档坐着或拥有的联系信息 
<main> 定义文档的主要内容 
进度条
<progress value=“25” min=“0” max=“50” id=“pro”></progress>

• 新增表单控件

email: <input type=“email” name="" value="" />
电话号码：<input type=“tel” name="" value