本文转载自jorux，对大家学习HTML与XHTML编码有着非常重要的意义，CuoXIn也一直强调语义与结构，大家来共同学习此文。
Semantics可翻译为语义的(学)，它是Html/Xhtml是否真正符合标准的重要一环。Jorux在这和大家讨论一些自己的观点，如有不妥之处，还请各位网友指正。在西方，为什么这么多人如此重视网页的Semantics，也许你会说，西方比较守规矩，重视标准，但我想说的是，在这些表象的背后有着“一只无形的手”控制着。
在此，举个导航条的例子来说明我的观点。大家应该看见过很多诸如下类的导航结构：
首页 | 关于 | 博客 | 留言 | 相册
它们有着共同的特点，都有分割条“|”将各个条目分开。要实现以上效果的导航栏，其Html/Xhtml有很多种写法，在此仅具几个比较典型的例子：
例1：
示例代码 [www.CuoXIn.com]