首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>建站常识>教你如何根据网页HTML文档的结构选择最合适的HTML或XHTML标签
教你如何根据网页HTML文档的结构选择最合适的HTML或XHTML标签
来源: 发布时间:2007-09-20 发布人: 浏览: 人次   字体: [ ]  
在做网页时应该根据网页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>IT知道网www.itwis.com。欢迎您的到来</h1>
    <h2>IT知道网www.itwis.com打造主流程序开发、网络应用、资源共享、电脑技术资讯站</h2>
    <p>IT知道网www.itwis.com打造主流程序开发、网络应用、资源共享、电脑技术资讯站,努力,奋斗!</p>
</div>


相 关 文 章   发布商链接
·祥解CSS容易被人忽略的overflow : ...
·浅谈div布局的一些特性
·如何使中文网页内容表现的恰当好处
·在HTML中用INS和DEL来标记文档的改变
·如何减少网页的内存使用和CPU占用大
·HTTP协议请求里get与post在运行时的...
·css div 不换行的解决方法
·详细讲解HTML的BODY标记的实用内部参...
·HTML之frameset标记应用实例
·几种CSS隐藏文字的方法的缺陷及其弥...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·如何优化CSS书写提高代码的效
·谈谈Div+CSS标准化设计的好处
·使用iframe造成的页面内容不...
·当DIV为空时在Ie中占物理空间
·常见的URl转义字符和特殊符号
·网站开发要用的HTML特殊符号...
·当前主要的中文站点使用编码...
·提高网页打开速度的几点基本...
·Div中使用ul多行多列布局,附
·overflow的另类使用,附图解
·CSS规则和CSS层叠样式的应用
·如何做到iframe框架自适应高...
·如何在网页中调用Flash才符合...
·防止网站iframe挂马的解决方...
·了解css中的id和CssClass的区
热 门 文 章
·HTML之frameset标记应用实例
·css div 不换行的解决方法
·防止网站iframe挂马的解决方...
·常见的URl转义字符和特殊符号...
·祥解CSS容易被人忽略的overfl...
·使用iframe造成的页面内容不...
·网站开发要用的HTML特殊符号...
·实现当前页面的所有链接都在...
·如何减少网页的内存使用和CPU...
·如何做到iframe框架自适应高...
·了解css中的id和CssClass的区...
·如何在网页中调用Flash才符合...
·网站的防盗链系统是如何做的...
·Div中使用ul多行多列布局,附...
·当编辑div的style属性中的bor...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .