Semantics语义是Html Xhtml是否真正符合标准的重要部分

　　本文转载自jorux，对大家学习HTML与XHTML编码有着非常重要的意义，52CSS也一直强调语义与结构，大家来共同学习此文。
　　Semantics可翻译为语义的(学)，它是Html/Xhtml是否真正符合标准的重要一环。Jorux在这和大家讨论一些自己的观点，如有不妥之处，还请各位网友指正。在西方，为什么这么多人如此重视网页的Semantics，也许你会说，西方比较守规矩，重视标准，但我想说的是，在这些表象的背后有着“一只无形的手”控制着。
　　在此，举个导航条的例子来说明我的观点。大家应该看见过很多诸如下类的导航结构：

　　首页 | 关于 | 博客 | 留言 | 相册

　　它们有着共同的特点，都有分割条“|”将各个条目分开。要实现以上效果的导航栏，其Html/Xhtml有很多种写法，在此仅具几个比较典型的例子：

例1：

Example Source Code [www.]<p><a href=”home.html”>首页</a> | <a href=”about.html”>关于</a> | <a href=”blog.html”>博客</a> | <a href=”message.html”>留言</a> | <a href=”album.html”>相册</a></p>
例2：

Example Source Code [www.]<ul>
<li><a href=”home.html”>首页</a></li>
<li>|</li>
<li><a href=”about.html”>关于</a></li>
<li>|</li>
<li><a href=”blog.html”>博客</a></li>
<li>|</li>
<li><a href=”message.html”>留言</a></li>
<li>|</li>
<li><a href=”album.html”>相册</a></li>
</ul>
例3：

Example Source Code [www.]<ul>
<li><a href=”home.html”>首页</a> | </li>
<li><a href=”about.html”>关于</a> | </li>
<li><a href=”blog.html”>博客</a> | </li>
<li><a href=”message.html”>留言</a> | </li>
<li><a href=”album.html”>相册</a></li>
</ul>
例4：

Example Source Code [www.]<ul>
<li><a href=”home.html”>首页</a></li>
<li><a href=”about.html”>关于</a></li>
<li><a href=”blog.html”>博客</a></li>
<li><a href=”message.html”>留言</a></li>
<li><a href=”album.html”>相册</a></li>
</ul>
　　以上为说明Semantics而举的四个导航条Html/Xhtml例子. 

   用户名: (新注册)  密码: 匿名评论 [所有评论]     注意:（评论内容不能超过250字,需审核后才会公布,可以匿名评论,请自觉遵守互联网相关政策法规。）