定義標題的最好方法

方法一：有意義嗎？

文章標題

雖然在某些情況下會是乙個方便的標籤，但它並不能表達出標題的完整含義。採用這個方法的乙個好處是，我們可以對它附加乙個css規則，分配其乙個heading class，使其文字象標題一樣顯示。

.heading

ok，現在所有的標題都用heading class標記成了大號的粗體字型，並且為藍色。太棒了！但是這樣做對嗎？如果有人用乙個不支援css的瀏覽器來**，會怎樣呢？

舉個例子，如果我們設定的這個外部樣式表的規則不被老版本的瀏覽器支援，會怎樣？又或者有視覺障礙的人用螢幕閱讀器來閱讀這個頁面，又會怎樣？乙個訪問者通過這些途徑所看到（或聽到）的應該和這個頁面上正常的文字沒有任何區別。

儘管class="heading"為這個標籤增加了一點意義，但仍然只是乙個普通的標籤，可以被大多數瀏覽器的預設樣式所修改掉。

最後，由於標籤是乙個內嵌元素，我們可能需要把它巢狀在乙個額外的塊級元素中，比如標籤或標籤，為的是使它能夠形成單獨的行，這會進一步被非必要的**弄亂你的標籤。而這些額外增加的標籤卻是必須的，這樣才能使不支援css的瀏覽器顯示出沒有差別的文字。

方法二:和組合

文章標題

使用乙個段落標籤，將會給我們帶來塊級的顯示，會把文字變成粗體。但是用這個方法標記乙個重要的標題時，我們面對的是同樣無意義的結果。

不象方法a，標籤能在視覺化的瀏覽器中把文字顯示成粗體——甚至在不支援css的瀏覽器中。但是和標籤一樣，搜尋引擎也不會因為有一些東西在段落中被加粗了而給予更高的優先。

難以設計樣式

用普通的和的組合，也帶來了另乙個缺憾——無法把這個標題設計成不同於其他段落的樣式。我們可能想用乙個特別的樣式來突出標題，來使頁面內容更清晰更具結構，但是用這個方法只能使其顯示成粗體。

方法三:樣式加實質

恩，多麼好的標題定義。大多數的網頁設計者對它都很熟悉。其實適當的使用它們，就能為頁面內容提供靈活的、可索引的、以及可樣式化的結構。

這也是聰明的定義方法，你會發現它很簡單。不再需要額外的標籤，你可以說，這僅僅比另外兩個方法節省了一點點的位元組，可以忽略不計，但節省一點是一點。

我們接下去的標題（如果不是用另乙個重複的話）應該是，然後是，等等。你也許不應該在後面跳過一級，直接跟上。我傾向於同意以上的觀點，順著行文保持級別的連續性，來構造乙個排版結構。這樣的話，給乙個已經存在的頁面新增標題和樣式就更容易了，你會減少因使用超出的數字而導致的錯誤。

前面提到的，設計者也許會用來標籤乙個頁面上最重要的標題，僅僅是因為它的預設的字型尺寸不象那樣令人生厭的巨大。但是記住，先結構，後設計。我們總是能用css來把標題樣式化成任何我們喜歡的文字尺寸。