设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> 心得技巧 >> 网页制作小技巧:span div p 之间的不同区别
精品推荐
心得技巧点击TOP10
·初学者入门:如何学习网页制作?
·DIV CSS打造背景图片超级翻转网页导航菜单
·如何做才能成为一名优秀的网页设计师
·用XML+JSP实现网页内容动态显示的方案
·动态网页制作必须技术:ASP和HTML表单
·关于网页代码加密解密保护
·WAP标记语言XHTML基础教程之XHTML简介
·网页制作实用技巧:用图片代替提交和重置按钮
·网页自动转向代码
·Google Maps API 简易使用文件
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页对联广告代码效果大全
·网页模板的使用方法 (教程)
·循环不间断向上滚动的文本特效代码
·浏览器Firefox与IE在CSS样式表中的差异
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·图片循环滚动完美解决
·CSS中文教程
·DIV CSS网页布局实例解析:实现表格形式
精选专题

网页制作小技巧:span div p 之间的不同区别

作者: 来源:http://www.xgdown.com/ 时间:2007-8-28 11:12:02

HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS技巧">CSS结合起来后,它们被用得十分广泛。

它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。

span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行.
div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.

<div id="scissors"> <p>This is <span class="paper">crazy</span></p> </div>

在实践中,div,特别是span不应该滥用,尽管有其他相左的意见。比如,你要强调单词“crazy”和加粗类“paper”,可能会用这样的代码:

<div id="scissors"> <p>This is <strong class="paper">crazy</strong></p> </div>

这是做法比再加一个span比较好。

你所需要记住的是,span和div 是“无意义”的标签。


网页制作小技巧:span div p 之间的不同区别 相关文章:
网页制作小技巧:span div p 之间的不同区别 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com