PHP & MySQL實戰手冊(第2版)（簡體書）

您可能已經注意到此處的HTML表單與第2章中的簡易表單相比出現了相當大的變化。第2章中的表單使用了“p”標記分割表單標簽和輸入文本框，并且以“i”標記格式化該表單標簽。雖然這種方法能夠完成該工作，但卻并不是運用HTML的好方法。
每當您編寫HTML時，您實際上就是在對頁面進行結構化設計。因此，一個表單標簽并沒有真正產生任何可視化效果，它只是讓瀏覽器知道：“嘿，這里有一個表單。”然而，當您使用類似“i”的標記時，您并沒有描述頁面結構，您實際上告訴瀏覽器應該如何顯示它。不過，這真的不是HTML應該完成的任務——這應該是CSS的任務。然而，在本表單中，所有格式化代碼都已經提取出來了。相反，所有的標簽都以“la bel”元素和for屬性來標識。這標識出該標簽是label——無論這些標簽是以什么符號結束的，并且它還將每個標簽與對應匹配的特定輸入字段關聯起來。此外，還有一個“fieldset”元素包圍了代碼內部的不同區塊：即第一個區塊是標簽和文本字段，第二個區塊是表單按鈕。這也提供了一些所謂的語義信息。換句話說，它提供了有意義的信息。
通過使HTML清晰表現其語義，瀏覽器（以及其他HTML程序員）就知道您表單的實際意義：labels用于標記事物。“fieldset”用于將字段組合起來。粗體和斜體等格式留待CSS處理，而這也是CSS的功能所在。
這里真正酷的地方在于您的CSS可以更好地幫助設計表單樣式。由于您已經消除了HTML自身的格式，您就可以使所有的表單標簽具有相同的樣式，也就是使所有標簽都使用粗體字、右對齊，并增加5像素的右邊距。這對于您的字段集合也是完全成立的；您可以給相關字段添加邊框，而這也是即將應用到本表單的CSS。事實上，如需了解CSS如何影響這些HTML元素，請仔細查看圖3—1。事實上，如果您剛開始接觸如何使頁面在閱讀時顯得更加具有語義上的意義，可能還需要一段時間，才能習慣僅使用HTML生成頁面結構，并且在CSs中保存您的樣式。但是，請堅持下去，您的頁面看起來將越來越好，并且后續更新頁面的程序員將會十分感謝您所編寫的語義上可理解的代碼。