div是块级元素，span是行内元素，这都是什么意思，具体有什么区别_百度知道
div是块级元素，span是行内元素，这都是什么意思，具体有什么区别
提问者采纳
）但是块元素（如div table等）就莫法换成内联元素了、a）在没有任何布局属性作用时；内联元素（例如span，默认排列方式是在同行排列：块元素（例如div）在没有任何布局属性作用时; style=&display！其实当内联元素通过margin，要让图片水平居中的时候（示例;&logo.gif&quot关于这2个有什么区别：&img src=&声明后它也可以转换为块元素！先这么理解嘛，直到宽度超出包含它的容器宽度时才自动换行，可以从不同的角度来解释; &#47。这是一种比较容易理解的解释，默认排列方式是换行排列:block！这个经常用于当你一个块中放一张图片:0&gt:block
其他类似问题
为您推荐：
其他3条回答
span&gt.span 不换行div 换行为什么呢因为div是块元素而span是跟&lt.可以在外面加span 比如&的颜色这样这五个字依然在一行 只不过&&/一样不影响块的;a&gt.如果你想给你的文字加样式:red&&/a&gt最简单的理解;文字&变成了红色;span style=&文字&lt
简单理解，DIV是放在外部使用的，而span很少单独使用，一般都是放在div或者table里面使用。所以叫行内元素！！！！嘿嘿，给分吧！！！！！
块元素是可以转换成内联元素的,只是转换的时候,高度和宽度不起作用了..你可以自己试一下...因为内联元素是不可以设置高度与宽度的..
span的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁CSS文档流与块级元素和内联元素
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的&CSS权威指南&,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都 变得易于理解,并且体会到CSS这套设计的合理性所在. 于是我根据猜测,再加实验,得出一下说法.如有错误,纯属正常.
将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.
每个非浮动块级元素都独占一行,浮动元素则按规定浮在行的一端.若当前行容不下, 则另起新行再浮动.
内联元素也不会独占一行. 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素.
有三种情况将使得元素脱离文档流而存在,分别是浮动,绝对定位, 固定定位. 但是在IE中浮动元素也存在于文档流中(还让我觉得这样很合理&&).
浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。
浮动概念让人迷惑根源在于浏览器对理论的解读造成的。只能说很多人以IE做标准，其实它不是。
基于文档流, 我们可以很容易理解以下的定位模式:
即相对于元素在文档流中位置进行偏移. 但保留原占位.
即完全脱离文档流, 相对于position属性非static值的最近父级元素进行偏移
即完全脱离文档流, 相对于视区进行偏移.
接下来还有几个问题我搞不明白的
作为三大基本元素之一的内联元素, 它跟块级元素的主要区别在哪?
Clear属性取right值时怎么理解? 貌似实验情况总跟理论不符.
内联元素是什么意思呢？什么是块级别元素。
《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。
p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间）
A：行内就是在一行内的元素，只能放在行内；块级元素，就是一个四方块，可以放在页面上任何地方。
B：说白了，行内元素就好像一个单词；块级元素就好像一个段落，如果不另加定义的话，它将独立一行出现。
C：一般的块级元素诸如段落&p&、标 题&h1&&h2&...、列表,&ul&&ol&&li& 、表格&table&、表单&form&、DIV&div&和BODY&body&等元素。而内联元素则如: 表单元素&input&、超级链接&a&、图像&img&、&span& ........
D：块级无素的显著特点是：每个块级元素都是从一个新行开始显示，而且其后的无素也需另起一行进行显示。
E：&span&在CSS定义中属于一个行内元素，而&div&是块级元素。
对于学过CSS的人来说一听就能明白。可对于新手来说不易理解，我主要对新手说通熟点吧!
用容器这一词会更容易形象理解它们的存在与用途，行内元素相当一个小容器，而&div&相当于一个大容器，大容器当然可以放一个小容器了。&span&就是小容器，这样一说你也许会在脑海中有一个初步的印象了吧，如果我们想在大容器中装一些清水。但我也想在里装一些墨水怎么办？很简单，我们把小容器拿出来装上墨水然后放入大容器里的清水中不就成了吗。
我在举个简单的一个实际例子吧：比如
&div&上海网站制作-&/div&
我想用CSS定义字母c的样式，因此我们就可以用到&span&了。
&div&上海网站设计- &span&&/span& W3C标准&/div&
块元素(blockelement)一般是其他元素的容器元素
块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P&。“form&这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，tablebased layout和css basedlayout从一般使用者（不包括视力障碍者、盲人等）的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。但是如果普通使用者不经意点了查看页面源代码按钮后，两者所表现出来的差异就非常大了。基于良好重构理念设计的css布局页面源码，至少也能让没有web开发经验的普通使用者把内容快
速的读懂。从这个角度来说，css layout code应该有更好的美学体验吧。
你能够把块容器元素div想象成一个个box，或者如果你玩过剪贴文载的话，那就更加容易理解了。我们先把需要的文章从各种报纸、杂志总剪 下来。每块剪下来的内容就是一个block。然后我们把这些纸块按照自己的排版意图，用胶水重新贴到一张空白的新纸上。这样就形成了你自己独特的文摘快报 了。作为一种技术的延伸，网页布局设计也遵循了同样的模式。.
内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素 “a”。
块元素(blockelement)和内联元素(inlineelement)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属 性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。
可变元素的基本概念就是他需要根据上下文关系确定该元素是块元素或者内联元素。可变元素还是属于上述两种元素类别，一旦上下文关系确定了他的类别，他就要遵循块元素或者内联元素的规则限制。大致的元素分类见全文。
关于inlineelement的中文叫法，有多种内联元素、内嵌元素、行内元素、直进式元素。基本上没有统一的翻译，爱怎么叫怎么叫吧。另外提到内联元素，我们会想到有个display的属性是display:这个属性能够修复著名的IE双倍浮动边界问题。
块元素(block element)
　　* address - 地址
　　* blockquote- 块引用
　　* center - 举中对齐块
　　* dir - 目录列表
　　* div - 常用块级容易，也是css layout的主要标签
　　* dl - 定义列表
　　* fieldset -form控制组
　　* form - 交互表单
　　* h1 - 大标题
　　* h2 - 副标题
　　* h3 - 3级标题
　　* h4 - 4级标题
　　* h5 - 5级标题
　　* h6 - 6级标题
　　* hr - 水平分隔线
　　* isindex -input prompt
　　* menu - 菜单列表
　　* noframes -frames可选内容，（对于不支持frame的浏览器显示此区块内容
　　* noscript -可选脚本内容（对于不支持script的浏览器显示此内容）
　　* ol - 排序表单
　　* p - 段落
　　* pre - 格式化文本
　　* table - 表格
　　* ul - 非排序列表
内联元素(inline element)
　　* a - 锚点
　　* abbr - 缩写
　　* acronym - 首字
　　* b - 粗体(不推荐)
　　* bdo - bidioverride
　　* big - 大字体
　　* br - 换行
　　* cite - 引用
　　* code - 计算机代码(在引用源码的时候需要)
　　* dfn - 定义字段
　　* em - 强调
　　* font - 字体设定(不推荐)
　　* i - 斜体
　　* img - 图片
　　* input - 输入框
　　* kbd - 定义键盘文本
　　* label - 表格标签
　　* q - 短引用
　　* s - 中划线(不推荐)
　　* samp - 定义范例计算机代码
　　* select - 项目选择
　　* small - 小字体文本
　　* span - 常用内联容器，定义文本内区块
　　* strike - 中划线
　　* strong - 粗体强调
　　* sub - 下标
　　* sup - 上标
　　* textarea -多行文本输入框
　　* tt - 电传文本
　　* u - 下划线
　　* var - 定义变量
　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。
　　* applet -java applet
　　* button - 按钮
　　* del - 删除文本
　　* iframe -inline frame
　　* ins - 插入的文本
　　* map - 图片区块(map)
　　* object -object对象
　　* script - 客户端脚本
文章评论 以下网友留言只代表其个人观点，不代表本网站的观点和立场。javascript中div和span的区别？_百度知道
javascript中div和span的区别？
div和span的最主要区别在于语义上，默认情况下：&&div& 是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征，&&div&&属于块级元素，浏览器会在其前后显示换行。&span&是文本的容器，即一般只包围在文本的两边。基于此特征，&span& 属于内联元素，即在显示时通常不会以新行开始。下面举例说明：1、假设有如下的HTML元素，并且为div和span设置了边框，便于观察效果&span&我是span元素的内容1&/span&&&span&我是span元素的内容2&/span&&div&我是div元素的内容1&/div&&&div&我是div元素的内容2&/div&2、结果如下，显示了&div&&属于块级元素及&span& 属于内联元素的特点。
其他类似问题
为您推荐：
提问者采纳
SPAN有如下默认样式;&}相对地;&nbsp：div{&nbsp，SPAN是内联元素，DIV是块元素，但是在现代前端开发中;&nbsp，通常来说，DIV有如下默认样式，DIV与SPAN的区别不再被强调;&display:block:inline，两者也存在其他一些区别;}当然这些样式是可以通过CSS更改的：span{&&&nbsp，SPAN不再那么常用最大的区别是，也就是说
提问者评价
来自团队：
其他1条回答
span&&很美&span&span&div&span&span&&&span&大连&//&#47，怎么处理都行&就是把里面的东西当成一整体;div&gt，区别就是&div&也是把里面的东西当成一个整体;是把里面的东西显示成一行比如&lt&lt
span的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁section元素和article元素的区别？_百度知道
section元素和article元素的区别？
区别：在HTML5中，article元素可以看成是一种特殊类型的section元素，它比section元素更强调独立性。即section元素强调分段或分块，而article强调独立性。具体来说，如果一块内容相对来说比较独立的、完整的时候，应该使用article元素，但是如果你想将一块内容分成几段的时候，应该使用section元素。另外，在HTML5中，div元素变成了一种容器，当使用CSS样式的时候，可以对这个容器进行一个总体的CSS样式的套用。
在HTML5中新增的主体结构元素中有两个元素分别article元素与section元素，这两个元素是什么意思？通常用于哪些内容区块？何时用article元素？何时用section元素？两者之间的区别是什么？
一、article元素
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。除了内容部分，一个article元素通常有它自己的标题（一般放在一个header元素里面），有时还有自己的脚注。
现在，以博客为例来看一段关于article元素的代码示例，代码如下：&article&
&h1&article元素使用方法&/h1&
&p&发表日期：&time pubdate=&pubdate&&/10&/time&&/p&
&/header&
&p&article元素是什么？怎样使用article元素？……&/p&
&p&&small&Copyright @ yiiyaa.net All Rights Reserverd&/samll&&/p&
&/footer&&/article&
这个示例是一篇讲述article元素使用方法，在header元素中嵌入了文章的标题部分，在标题下部的p元素中，嵌入了一大段该博客文章的正文，在结尾处的footer元素中，嵌入了文章的著作权，作为脚注。整个示例的内容相对比较独立、完整，因此，对这部分内容使用了article元素。
article元素是可以嵌套使用的，内层的内容在原则上需要与外层的内容相关联。例如，一篇博客文章中，针对该文章的评论就可以使用嵌套article元素的方式；用来呈现评论的article元素被包含在表示整体内容的article元素里面。
接着，来看一个关于article元素嵌套的代码示例，代码如下：&article&
&h1&article元素使用方法&/h1&
&p&发表日期：&time pubdate=&pubdate&&/10&/time&&/p&
&/header&
&p&article元素是什么？怎样使用article元素？……&/p&
&h2&评论&/h2&
&h3&发表者：shenmiweiyi&/h3&
&p&&time pubdate datetime=&T:21-26:00&&1小时前&/time&&/p&
&/header&
&p&这篇文章很不错啊，顶一下！&/p&
&/article&
&h3&发表者：神秘唯一&/h3&
&p&&time pubdate datetime=&T:21-26:00&&1小时前&/time&&/p&
&/header&
&p&这篇文章很不错啊，对article解释的很详细&/p&
&/article&
&/section&&/article&
这个示例中的内容比上述代码更加完整了，它添加了文章读者的评论内容，示例内容分为几个部分，文章标题放在了header元素中，文章正文放在了header元素后面的p元素中，然后section元素把正文与评论进行了区分（是一个分块元素，用来把页面中的内容进行区分），在section元素中嵌入了评论的内容，评论中每一个人的评论相对来说又是比较独立的、完整的，因此对它们都使用一个article元素，在评论的article元素中，又可以分为标题与评论内容部分，分别放在header元素与p元素中。
另外，article元素也可以用来表示插件，它的作用是使插件看起来好像内嵌在页面中一样。代码如下：&article&
&h1&一个插件&/h1&
&param name=&allowFullScreen& vlaue=&true&&
&embed src=&#& width=&600& height=&395&&&/embed&
&/object&&/article&
二、section元素
section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个内容需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。section元素中的内容可以单独存储到数据库中或输出到word文档中。&section&
&h1&section元素使用方法&/h1&
&p&什么时候用section元素？怎样合理使用section元素?&/p&&/section&
通常不推荐为那些没有标题的内容使用section元素，可以使用HTML5轮廓工具来检查页面中是否有标题 的section，如果使用该工具进行检查后，发现某个section的说明中有&untitiled section&（没有标题的section）文章，这个section就有可能使用不当。
section元素的作用是对页面上的内容进行分块，或者说对文章进行分段，请不要与有着自己的完整的、独立的内容”的article元素混淆。
下面，来看article元素与section元素结合使用的示例，希望能够帮助你更好地理解article元素与section元素的区别。&article&
&h1&article元素与section元素的使用方法&/h1&
&p&何时使用article元素？何时使用section元素…..&/p&
&h2&article元素使用方法&/h2&
&p&article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。&/p&
&/section&
&h2&section元素使用方法&/h2&
&p& section元素用于对网站或应用程序中页面上的内容进行分块。&/p&
&/section&&/article&
上述代码中的内容首先是一段独立的、完整的内容，因此使用article元素。该文章分为3段，每一段都有一个独立的标题，因此使用了两个section元素。请记住，对文章分段的工作也是使用section元素完成的。可能有人会问，为什么没有对第一段使用section元素，这里其实是可以使用section元素的，但是由于其结构比较清晰，分析器可以识别第一段内容在一个section元素里，所有也可以将第一个section元素省略，但是第一个section元素里还要包含于section元素或子article元素，那么就必须写明第一个section元素。
在HTML5中，可以将所有页面的从属部分，譬如导航条、菜单、版权说明等包含一个统一的页面中，以便统一使用CSS样式来进行装饰。最后，关于section元素的使用禁忌总结如下：
1）不要将section元素用作设置样式的页面容器，那是div元素的工作。
2）如果article元素、aside元素或nav元素更符合使用条件，不要使用section元素。
3）不要为没有标题的内容区块使用section元素。
三、两者的区别：
以上讲述了那么多，两者的区别到底是什么呢？事实上，在HTML5中，article元素可以看成是一种特殊类型的section元素，它比section元素更强调独立性。即section元素强调分段或分块，而article强调独立性。具体来说，如果一块内容相对来说比较独立的、完整的时候，应该使用article元素，但是如果你想将一块内容分成几段的时候，应该使用section元素。另外，在HTML5中，div元素变成了一种容器，当使用CSS样式的时候，可以对这个容器进行一个总体的CSS样式的套用。
其他类似问题
为您推荐：
提问者采纳
所以article 元素标记的内容可以在多处同时使用，再仔细看看。每一个section元素的内容分组通常会嵌套标题元素来表示内容的主题，这部分内容仍然是具有意义的独立区域;&p&gt，那需要嵌套的article元素和外部的article元素是有关的。当需要把多个元素内容组合在一起时;&#47。 比如：JavaScript脚本），当一个元素只是需要设置CSS样式或者页面脚本（比如;&#47，推荐使用article元素： 一个具有评论功能的博客可以表示为，而不是section元素，section元素有很重要的作用，而不section元素，才可以使用section元素; …section元素被使用的一般规则是。上面内容都是从秒秒学里的HTML基础课程中总结的。article元素可以用做很多地方：如果元素内容需要在HTML文档大纲列表上显示到指定位置，在页面结构中;p&section&gtsection元素表示一个文档或应用程序的通用部分，有兴趣你可以百度搜一下。如果文本内容是独立的。section元素不是一个通用的容器元素（它是用来代表文档中的一个通用部分）;section&gt： … &&#47，但是 article元素主要常用于写作或者显示文章方面。比如，鼓励使用div元素。这也是在设计页面结构使用article 元素的决定性因素之一;h4&gt：评论作为一个article元素可以嵌套在博客这个article元素中; &
&h4&gt。如果一个article元素嵌套在另一个article元素中;
&lt，它主要负责对页面内容进行分类。如果需要在文档大纲中列出的内容，不影响其他内容，那也推荐使用article元素包裹该内容;&lt。article元素如果article元素标记的内容从HTML文档中被移除，那么使用section元素才是最合适的，它不满足被合并和内容相互独立的标准
提问者评价
采纳率100%
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}