本文轉載自jorux，對大家學習HTML與XHTML編碼有著非常重要的意義，CuoXIn也一直強調語義與結構，大家來共同學習此文。
Semantics可翻譯為語義的(學)，它是Html/Xhtml是否真正符合標準的重要一環。 Jorux在這和大家討論一些自己的觀點，如有不妥之處，還請各位網友指正。在西方，為什麼這麼多人如此重視網頁的Semantics，也許你會說，西方比較守規矩，重視標準，但我想說的是，在這些表象的背後有著“一隻無形的手”控制著。
在此，舉個導航條的例子來說明我的觀點。大家應該看見過很多諸如下類的導航結構：
首頁| 關於| 博客| 留言| 相冊
它們有著共同的特點，都有分割條“|”將各個條目分開。要實現以上效果的導航欄，其Html/Xhtml有很多種寫法，在此僅具幾個比較典型的例子：
例1：
示例代碼[www.CuoXIn.com]