咨询热线:13316118600 020-62809795 62861880
 返回首页
 联系我们
 客户服务
 


了解正佳   域名注册   空间租用   网站建设   网络营销   客户案例   新闻中心  招贤纳才

 
 
新 闻 中 心
  新闻中心  
正佳公告
正佳动态
正佳风采
行业动态
网页HTML文档的结构选择
行业新闻  佚名  网络  2007年8月22日
         在网页教学网以往的教程中,曾经多次强调使网页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>

首页关于正佳 | 域名注册 | 空间租用 | 网站建设 | 网络营销 | 客户案例 | 新闻中心 | 招聘中心 | 联系我们 | 网站地图
 
 
Copyright (C) 2000-2010 by 广州市正佳信息科技有限公司  粤ICP备06047368号
地址:广州市天河区中山大道中38号加悦大厦2楼  电话:020-62861880 62809795 62861893  传真:020-62861997

   广州正佳科技是知名的网站建设公司,专业为广大客户提供网站制作,网站设计,网站推广,网站优化推广,虚拟主机,域名注册等一条龙服务,为您提供免费网站建设咨询,网站制作方案,网站设计报价。
友情链接:广州网站建设 网页制作 堔圳网站建设 国际服装网 国际皮具网 国际男装网 国际鞋材网 欧之韵辅米 华南人才网
   外商网 广州网页设计 域名域注 Yahoo全球推广