根据网页结构选择最合适的XHTML标签

日期：2007年9月18日作者：查看:[大字体中字体小字体]

　　在网页教学网以往的教程中，曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签，而不是根据它们的外观样式去选择它们。使用P标签定义一个段落，而不是用它来获得换行效果。我们使用h1-h6标签标记标题，而不是用它们取得文字大小与加粗的效果。

　　例如一个标题，我们可以用h1来定义它：

　　<h1>文章的标题文字写在这里</h1>

　　而不应该使用其它的什么方式来定义它：

　　<p style="font-size:16px; font-weight:bold;">文章的标题文字写在这里</p>

　　在网页教学网以前的的文章里，我们列出了所有XHTML1.0允许使用的标签，我们也可以发现，其中可以让我们选择的元素标记其实是很少的。但我们也清晰的认识到，这些精炼的元素标记也更加有明确的意义。如果你实在找不到恰当的元素进行标记，那么可以使用通用的div与span标签。

　　页面中div与span标签的使用是一个新问题，我们也容易过多的使用它们。必要及合理的使用div可以明显的增强文档的结构性。如果你审视你的HTML文档，发现有着很多的div与span，那你就得换一个眼光来看问题了，是不是存在滥用的情况？是不是还有更好的标记来替代它们？若h1可以更好的表示所标记的内容，那你就得放弃p或span来定义。

　　或许这是一对矛盾，我们本身也较难把握该如何正确的使用它们，也或许我们根本就得不到一个明确的答案。但有一点需要阐明，我们应该使文档在逻辑上具有清晰的结构，而且更加容易应用样式。我们可以将div仅看着是一个容器，或者叫做文档的组成“部分”。我们使用太多的容器，并不是一个明智的模式。而恰到好处居于合理位置的容器，可以让整个文档显的很有条理。

　　如下的代码，就比较合理有效：

<div id="header">
    <h1>网页教学网webjx.com。欢迎您的到来</h1>
    <h2>网页教学网Webjx.Com 提供最新最快的网页技术</h2>
    <p>网页教学网webjx.com提供网页制作教程，动态网页制作教程，建站指南，Flash动画教程，视频教程，网页特效代码，网页素材，书籍下载等内容，希望给您的工作和学习能带去帮助。</p>
</div>

（出处：急速软件下载学院）
根据网页结构选择最合适的XHTML标签相关文章：
·知根知底 Win XP系统启动过程概述
·教你两步彻底根除系统多余输入法
·给草根站长的49条真诚忠告
·刘韧：站长站在草根与神话之间
·MySQL 中如何复位根用户密码
·大鸟的草根站长SEO技巧(一)
·MySQL 中如何复位根用户Root密码
·草根网站比门户网站更有前途
·追根溯源 DLL木马进程内幕大揭密
·寻根问底解决QQ自动发送未知表情的故障
根据网页结构选择最合适的XHTML标签相关软件
·菜根谭的智慧
·“七根胡”作品集（恐怖悬疑）
·刘老根
·《《三思科学》电子杂志　纪念卡尔·萨根特刊》
·2006年考研数学基础班·根率与数理统计费允杰 10
·2006年考研数学基础班·根率与数理统计费允杰 01
·2006年考研数学基础班·根率与数理统计费允杰 14
·2006年考研数学基础班·根率与数理统计费允杰 13
·2006年考研数学基础班·根率与数理统计费允杰 12
·2006年考研数学基础班·根率与数理统计费允杰 11

上一篇:Photoshop滤镜为图片添加漂亮的抽丝和点阵特效

下一篇:数据恢复案例：ghost成大c故障

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

根据网页结构选择最合适的XHTML标签

精品推荐

热点TOP10

特别推荐