在HTML5之前，使用ID選擇器+class選擇器

ID選擇器：用於標識頁面上特定元素(比如站點導航、頁眉、頁腳)而且必須唯一;也可以用來標識持久結構性元素（如主導航、內容區域）

class選擇器：可以應用於頁面任意多個元素，非常適合標識內容類型或其他相似的條目

但這樣有一定的缺陷：

1.不利於SEO搜索引擎對頁面內容的抓取

2.文檔結構定義不明確

HTML5中，添加了添加頁眉、頁腳、導航、文章內容等跟結構相關的結構元素標簽來解決上述問題

根據這個圖，可以寫出常規的HTML結構

<header></header>
<nav></nav>
<article>
    <section></section>
    <section></section>
    <section></section>
</article>
<aside></aside>
<footer></footer>