400-1100-266

9:00-24:00（工作日）
主页 > 知识库 > XHTML标记要合理使用

XHTML标记要合理使用
热门标签：硅谷的囚徒呼叫中心 百度竞价点击价格的计算公式 美图手机 检查注册表项 智能手机 网站建设 使用U盘装系统 阿里云

　　在脚本之家以往的教程中，曾经多次强调使网页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>脚本之家jb51.net。欢迎您的到来</h1>
<h2>脚本之家Webjx.Com 提供最新最快的网页技术</h2>
<p>脚本之家jb51.net提供网页制作教程，动态网页制作教程，建站指南，Flash动画教程，视频教程，网页特效代码，网页素材，书籍下载等内容，希望给您的工作和学习能带去帮助。</p>
</div>

标签：湘潭 怀化 湖北 烟台 山南 黄山 通辽 贺州

巨人网络通讯声明：本文标题《XHTML标记要合理使用》，本文关键词  ；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 推荐文章

    上一篇：以HTML网页实例说明head区代码的意思

    下一篇：DOCTYPE类型详细介绍

     
    微信咨询办理
    在线QQ客服
    ( 客服小王 )
    ( 客服小李 )
    ( 客服小刘 )
    ( 客服小张 )
    关于我们 | 荣誉资质 | 呼叫中心 | 代理加盟 | 客户案例 | 服务支持 | 产品介绍 | 行业资讯

    Copyright © 1999-2012 诚信 合法 规范的巨人网络 www.1330.cn 始建于2005年

    全国网站建设网站开发咨询热线：400-1100-266   0514-86177077

    江苏扬州巨人网络科技有限公司   总部地址：江苏省扬州信息产业基地11号楼4层

    《增值电信业务经营许可证》苏B2-20120278    苏ICP备15040257号 网站地图
    全国咨询热线
    400-1100-266
    在线客服( QQ：340506921 )
    版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！     全国统一服务热线：400-1100-266
    收缩
    • 微信客服
    • 微信二维码

    • 电话咨询

    • 400-1100-266