結構化標記：所寫即所想，所想即所寫

即便書寫 CSS 很簡單，使用 CSS 來排版卻真的需要一種和我們以往有些不同 的思維方式。

我們排版時考慮的不是“這個東西放在這兒，那個東西放在那兒”，而是頁面 中資訊的類別和資訊的結構。

我們用 <h1> 標記來標示最重要的頭條；次一級的條目則 用 <h2> 來標記，以此類推；而段落則放在 <p> 標記中。

這就是我們稱之為“結構標記”或“語義標記”的東西。

你的內容將不放在表格和表格元素中，取代它們的是 div 元素。 還要給你的 div 元素安排一個 id 或 class， 不過這是為了描述它們的內容或功能，而非它們的外觀。