第2章　HTML 5语义化标签和属性

标签语义化简单来说就是让标签有含义，标题用<hx>标签（<h1>、<h2>等），列表用<ul>标签，这样我们一眼就可以看出网页中的每行源代码要展示哪些内容。

在HTML 5之前，一般是使用<div>或<span>标签来实现大多数的网页元素，这对于整个HTML文件来说过于单一了。随着HTML 5的到来，引入一些新的标签，例如<header>、<footer>、<nav>和<section>等，这些标签更加语义化，使页面有良好的结构，无论是谁都能够看懂这块内容是什么，并且有利于搜索引擎的搜索。HTML 5这些语义化新标签的优点总结如下：

　HTML结构清晰。

　代码可读性较好。

　无障碍阅读。

　搜索引擎可以根据标签的语义确定上下文和权重问题。

　移动设备能够更完美地展现网页。

　便于团队维护和开发。

HTML 5除了新增一些语义化标签外，同时也引入了相关的语义化属性，例如给<input>标签增加了很多实用的属性。接下来就来一一介绍这些内容。