图老师设计创意栏目是一个分享最好最实用的教程的社区，我们拥有最用心的各种教程，今天就给大家分享根据网页结构选择最合适的XHTML标签的教程，热爱PS的朋友们快点看过来吧！
【 tulaoshi.com - Web开发 】
在网页教学网以往的教程中，曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签，而不是根据它们的外观样式去选择它们。使用P标签定义一个段落，而不是用它来获得换行效果。我们使用h1-h6标签标记标题，而不是用它们取得文字大小与加粗的效果。
例如一个标题，我们可以用h1来定义它：
h1文章的标题文字写在这里/h1
而不应该使用其它的什么方式来定义它：
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）p style="font-size:16px; font-weight:bold;"文章的标题文字写在这里/p
在网页教学网以前的的文章里，我们列出了所有XHTML1.0允许使用的标签，我们也可以发现，其中可以让我们选择的元素标记其实是很少的。但我们也清晰的认识到，这些精炼的元素标记也更加有明确的意义。如果你实在找不到恰当的元素进行标记，那么可以使用通用的div与span标签。
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）页面中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
来源:http://www.tulaoshi.com/n/20160219/1624011.html
看过《根据网页结构选择最合适的XHTML标签》的人还看了以下文章 更多>>
