CSS教程：使用恰当的XHTML元素及避免过多的使用div与span_CSS教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

缂傚倷绀佸ú锕傚焻缁€鎱筪eCMS闁荤喐鐟ュΛ婵嬨€傞崼鏇炴瀬婵炲棙鍨熼弻锟�婵炴垶姊规竟鍡涘煘閺嶎厽鈷掗柨鐕傛嫹缂備礁顦遍崰鎰耿閸ヮ剙绀夐柍銉ㄦ珪閻濓拷闂備緡鍋勯ˇ杈╃礊婢跺本鍏滈柡鍥ㄦ皑闂夊秹鏌ゆ潏銊︻棖缂佹唻鎷� 闂佸搫鍟版慨鎾椽閺嶎偆鍗氭繛鍡樻尰濮ｆ劗鈧鎮堕崕閬嶅矗閿燂拷,闂佽皫鍕姢閻庤濞婂鍫曞礃椤斿吋顏熸繛鎴炴尨閸嬫捇姊哄▎鎯ф灈闁告瑥绻樺濠氭晸閿燂拷!

版权声明：MB5U.com原创，未经同意，谢绝转载！

　　我们在MB5U.com以前的教程中，曾经多次强调使文档具有语义。我们应该根据文档内容的结构去选择最为恰当的HTML或XHTML元素标记，而不是根据它们的外观样式去选择他们。我们使用P元素定义一个段落，而不是用它来取得换行效果。我们使用h1-h6元素标记标题，而不是用它们取得文字大小与加粗的效果。

示例代码 [www.mb5u.com]

　　例如一个标题，我们可以用h1来定义它：
　　<h1>这里是文章的标题文字</h1>
　　而不应该使用其它的什么方式来定义它：
　　<p style="font-size:14px; font-weight:bold;">这里是文章的标题文字</p>

　　在前面MB5U.com的文章里，我们列出了所有XHTML1.0答应使用的元素，我们也可以发现，其中可以让我们选择的元素标记其实是很少的。但我们也清楚的熟悉到，这些精炼的元素标记也更加有明确的意义。假如你实在找不到恰当的元素进行标记，那么可以使用通用的div与span元素。

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

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

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

示例代码 [www.mb5u.com]

<div id="header">
<h1>这里是MB5U.com。欢迎您的到来</h1>
<h2>MB5U.com致力于Web标准在中国的应用及发展</h2>
<p>我们提供了许多文章及实例，您可以在这里学习到很多关于Web标准及CSS网页布局的知识，希望这里的内容对您的工作及学习有所帮助。我们期待着您与我们交流，欢迎多提宝贵意见。</p>
</div>