第2章　HTML 5語義化標簽和屬性

標簽語義化簡單來說就是讓標簽有含義，標題用<hx>標簽（<h1>、<h2>等），列表用<ul>標簽，這樣我們一眼就可以看出網頁中的每行源代碼要展示哪些內容。

在HTML 5之前，一般是使用<div>或<span>標簽來實現大多數的網頁元素，這對于整個HTML文件來說過于單一了。隨著HTML 5的到來，引入一些新的標簽，例如<header>、<footer>、<nav>和<section>等，這些標簽更加語義化，使頁面有良好的結構，無論是誰都能夠看懂這塊內容是什么，并且有利于搜索引擎的搜索。HTML 5這些語義化新標簽的優點總結如下：

　HTML結構清晰。

　代碼可讀性較好。

　無障礙閱讀。

　搜索引擎可以根據標簽的語義確定上下文和權重問題。

　移動設備能夠更完美地展現網頁。

　便于團隊維護和開發。

HTML 5除了新增一些語義化標簽外，同時也引入了相關的語義化屬性，例如給<input>標簽增加了很多實用的屬性。接下來就來一一介紹這些內容。