span div及p的区别

HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与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 是“无意义”的标签。

时间: 2024-10-25 23:41:01

span div及p的区别的相关文章

Div与table的区别在速度和加载与网页应用等等中的差别介绍

Div与table的区别在各个方面表现都很明显比如速度和加载方式方面的区别.在网页应用中的差别等等,多不胜数,下文详细整理了一下,喜欢的朋友可以参考下,希望可以帮助大家更好的理解Div与table的区别 1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 没有遇到 的时候一样加载 div 中的内容,读多少加载多少;table 的加载方式是完成后加载,遇到 后,在读到 之前,

jquery 对象选择器获取 a,span,div,class对象内容

var aAll = abc.find('a'); find(expr) 搜索所有与指定表达式匹配的元素.这个函数是找出正在处理的元素的后代元素的好方法. 所有搜索都依靠jQuery表达式来完成.这个表达式可以使用CSS1-3的选择器语法来写. 返回值 jQuery 参数 expr (String) :用于查找的表达式 示例 从所有的段落开始,进一步搜索下面的span元素.与$("p span")相同. HTML 代码: <p><span>Hello</s

span div p 之间的不同区别

HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用.但实际上,与CSS结合起来后,它们被用得十分广泛. 它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符. span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行. div(想想division

浅谈$(&#039;div a&#039;) 与$(&#039;div&amp;gt;a&#039;)的区别_jquery

浅谈$('div a') 与$('div>a')的区别 $('div a'):div标签下所有层次a元素的jquery对象 $('div>a'):div标签下子元素层次a元素的jquery对象

DIV与SPAN之间有什么区别

DIV与SPAN之间有什么区别? 解决思路: DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染.主要用于应用样式表.两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素). 具体步骤: 1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解: 测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div> 2

SPAN元素和DIV元素有的区别_经验交流

前几天做自适应Skin的时候了解了一下块(block)的含义.发现了这样的一个问题. SPAN元素和DIV元素有什么区别  解决思路: 最明显的区别是:DIV是块元素,SPAN是内嵌元素.块元素相当于内嵌元素在前后各加一个<br>换行.其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display: block就成了块元素了. 具体步骤: div1 div2 span1span2 div3 div4 span3

深入CSS结构:div再议以及对span的迷惑

css 修整一个月,我又回来了,好吧,咱继续聊. 上篇文章中主要否定了使用div进行布局这种说法,提出div应当用于组织代码结构,现在我们再深入一点,div拥有语义吗?这个问题前段时间在研究群里曾激烈争论过,当时米随随发问:"什么是语义化WEB,div是什么?"小毅答曰:"DIV表示无意义容器."我说:"否定."然后旁边有人嘀咕:"...又要打起来了."我大笑着进入战斗状态,结果迅速被围攻了.呵呵,总是和主流格格不入的我又一次

深入学习CSS2.0结构,再谈div、span的困惑

css 使用div进行布局,提出div应当用于组织代码结构,现在我们再深入一点,div拥有语义吗? division(分割),对了,前段时间浏览w3schools时,看到它是这样定义div的:The div tag defines a division/section in a document. 我想我对div的理解是没错的.在文档中定义一个分割或者节点.我说div用于模块化页面内容,实际上从代码结构角度是展现xml化的节点结构.除了定义一个节点以外,div目前还用于定义一个分割,产生具有结构

深入学习网页技术CSS,再谈div、span的困惑!

css|网页 使用div进行布局,提出div应当用于组织代码结构,现在我们再深入一点,div拥有语义吗? 这个问题前段时间在研究群里曾激烈争论过,当时米随随发问:"什么是语义化WEB,div是什么?"小毅答曰:"DIV表示无意义容器."我说:"否定."然后旁边有人嘀咕:"...又要打起来了."我大笑着进入战斗状态,结果迅速被围攻了.呵呵,总是和主流格格不入的我又一次站在主流的对立面.我还是不赞成将div视为无意义容器.容器这个