网站地图 | 联系我们 | 咨询热线:0991-4811639
您现在的位置: 新疆二域设计网络公司 >> 网页设计学院 >> 网页制作 >> HTML-CSS >> 正文
    我们应该根据网页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>新疆二域设计xjcncn.com。欢迎您的到来</h1>
    <h2>新疆二域设计xjcncn.com 提供最新最快的网页设计技术</h2>
    <p>新疆二域设计xjcncn.com提供网页设计教程,photoshop教程,网站运营知识,数据库教程,网页特效代码,网页素材,书籍下载等内容,希望给您的工作和学习能带去帮助。</p>
</div>

作者:未知 | 文章来源:网页教学网 | 更新时间:2007-8-14 12:18:32

  • 上一篇文章:

  • 下一篇文章:
  • 相关文章:
    2007年网站LOGO标志设计10种趋势

    色彩理念
    网页制作
    美工图形
    网络编程
    数 据 库
    网站运营
    ::最近更新::
    ·Javascript闭包实例讲解
    ·FireFox浏览器文本自动换行…
    ·CSS的控制文档打印技巧
    ·CSS制作下拉菜单方法五 中…
    ·CSS制作下拉菜单方法四 CS…
    ·CSS制作下拉菜单方法三 CS…
    ·CSS制作下拉菜单方法二 下…
    ·CSS制作下拉菜单方法一 横…
    ·利用.htc文件去除超链接的…
    ·iframe标签框架的滚动控制
    ·图片缩略图,点击放大到原…
    ·CSS实现带背景图片的文字链…
    ·javascript在ie和firefox下…
    ·Javascript屏蔽鼠标右键并…
    ·防止注册机在DVBBS动网论坛…
    ::推荐阅读::
    ·网页设计技巧:CSS实现在不…
    ·网页制作中XHTML+CSS小技巧
    ·CSS定义网页标题方法举例
    ·网站首页head区代码规范
    ·CSS滤镜之Chroma属性
    ·表格边框的css语法
    ·背景音乐是如何插入的?
    ·CSS语法手册(一)字体属性

    关于我们 | 网站建设 | 服务帮助 | 联系我们 | 网页设计学院 | 实用工具 | 友情链接 | 新疆专题
    版权所有 © 2007 新疆二域设计网络公司 www.xjcncn.com All Rights Reserved
    网站建设总机:0991-4811639 传真:0991-4842803 ;咨询热线:13999201770. E-mail:xjcncn@gmail.com
    MSN :xjcncn@hotmail.com ; QQ:359312 ;地址:新疆乌鲁木齐市友好E时代公寓B座708 邮编:830000