| 加入收藏| 设为首页| 联系我们

首页 站长学习 站长之家 源码下载 建站素材 书籍教程 常用工具
 您现在的位置: 动力中国 >> 网页制作 >> HTML教程 >> 文章正文  
 根据网页HTML结构选择最合适的XHTML标签
 

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

http://www.domcn.org  文章来源:本站收藏  点击数:

  关键字:根据网页HTML结构选择最合适的XHTML标签

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


根据网页HTML结构选择最合适的XHTML标签
  • 上一篇文章:

  • 下一篇文章:
  •  热门文章
    普通文章 电子邮件改头换面 四公司畅谈未
    普通文章 PC病毒史上最声名狼藉的八大病
    普通文章 Rails系统中的AJAX开发技术简析
    普通文章 基于ASP.NET AJAX框架实现表单
    普通文章 开发ASP.NET AJAX客户端定制行
    普通文章 用JFreeChart对JSP报表进行增强
    普通文章 SQL Server 2005上的CLR和ADO.
    普通文章 SQL Server 2005的XML支持机制
    普通文章 Firefox中标签式浏览技巧大全
    普通文章 Tomcat中的Session和Cookie大揭
     
     推荐文章
    推荐文章 把Google地图嵌入网页 就是这么
    推荐文章 迅雷搜索候选资源出错的解决
    推荐文章 轻松去除迅雷里的各种广告和资
    推荐文章 突破限制 免费领养到QQ空间五级
    推荐文章 Rational统一过程RUP贴近中小软
    推荐文章 构建自己的轻量级XML DOM分析程
    推荐文章 WPS Office 2007技巧:妙用配置
    推荐文章 Excel 2007:求余数函数实用进阶
    推荐文章 浅谈ASP.NET的Postback
    推荐文章 软件开发中项目需求管理简述
     
     相关文章
    没有相关文章
    设为首页 | 加入收藏 | 广告合作 | 联系站长 | 版权申明 |
    动力中国为网友提供免费学习资料,可用资源,如果您认为我们的相关内容侵害到了您的权利请联系管理员
    Copyright © 2006-2008 domcn.org All Rights Reserved.