div和span的区别

an_six

浏览: 5287 次
性别:
来自: 北京

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (5)

社区版块

存档分类

HTML

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。

还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。

还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。
----------------------------------------------------------------------
div 块级元素
span 普通元素
--------------------------
div 可实现自动换行 SPAN不换行

分享到：

Hashtable和HashMap的区别 | 郁闷的面试

2010-08-04 21:08
浏览 907
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

div中加入span右对齐后出现换行显示两种解决思路: 后来我无意中发现有个东西叫<span>,比如实现模块的效果就可以：<div class=portlet align=left>文章<span>编辑</a></span></div>;当然我们还需要一个CSS文件去控制span的样式：复制代码代码如下: .portlet span { ...

深入理解DIV和SPAN的区别: 本文将深入探讨`div`和`span`的区别，以及如何利用CSS的`display`属性进行转换。首先，`div`（Division）是一个块级元素，它在页面上表现为一个独立的块，其宽度默认占据100%的父容器宽度，并且每个`div`元素之间...

CSS里元素初始化文件html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,: 对css里的元素如：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...

12-div和span标签.html: 12-div和span标签.html

js+div+span实现树型结构: 综上所述，使用js、div和span实现的树型结构具有较高的灵活性，适合小规模项目或学习用途。然而，在大型项目中，可能需要更专业、功能更完善的库，如jQuery UI、AngularJS的ngTree、Vue的vuetree等，它们提供了更...

网页设计中的Span和Div的区别: 在网页设计中，HTML元素是构建页面结构的基本单位，其中`<span>`和`<div>`是最常用的两种元素，但它们在用途和表现形式上有着显著的区别。首先，`<span>`是一个内联元素（inline element）。它的主要作用是用于...

html标签例如img，div，span等基本标签的使用: div 标签可以添加其他属性，如 id 属性和 class 属性，用于指定元素的 ID 和样式。例如： ```html <div id="header" class="header">这是头部</div> ``` div 标签可以包含其他 HTML 元素，如文本、图像、超链接...

div与span的区别和使用示例: 总结来说，`div`和`span`之间的主要区别在于它们的默认表现形式和用途：`div`作为块级元素适合布局，`span`作为内联元素适合文本样式调整。通过CSS，我们可以根据需要灵活地调整它们的行为，以实现复杂的网页设计。...

div与span之间有什么区别: 在HTML中，`<div>`和`<span>`是最常用的两种元素，它们在网页布局和样式控制中扮演着重要角色。然而，它们有着本质的区别，...总的来说，理解和掌握`<div>`与`<span>`的区别及其应用场景，是进行高效网页开发的基础。

HTML中div与span的区别(共同点与不同点): 5. **语义化**：虽然 `div` 和 `span` 都是非语义化的元素，但 `div` 在网页结构中更常被赋予一定的语义，如`<header>`、`<section>`、`<article>`等语义元素的替代品，而 `span` 更多用在文本细节的处理上。...

前端练习01-前端-HTML（div+span）: 同时，这也是学习CSS和页面响应式设计的基础，因为`<div>`和`<span>`常常与CSS选择器和媒体查询结合使用，以适应不同设备和屏幕尺寸。在实际项目中，熟练运用这两个标签能够极大地提升网页设计的灵活性和可维护性。

前端开发与实践- DIV与SPAN.pptx: 在前端开发中，`div` 和 `span` 是两个非常基础且重要的HTML标签，它们用于构建网页布局和组织内容。让我们深入探讨这两个元素以及与之相关的前端开发知识点。首先，`div` 标签代表一个分区或节（division/section...

DIV和SPAN垂直居中对齐的实现方法: 无论是DIV还是SPAN，只要确保了高度和行高的一致性，就能够轻松达到垂直居中的效果。对于初学者而言，这是一个需要记住的重要技巧。而对于经验丰富的开发者来说，这也是一个证明耐心和深入探究最终能够解决问题的...

16_div元素和span元素的使用.html: 16_div元素和span元素的使用

浅谈Span和Div的区别: 在HTML语言中，`<span>` 和 `<div>` 是两种非常基础且重要的元素，它们主要的作用在于组织和格式化页面内容。虽然它们看似无实际意义，但与CSS结合使用时，能够实现丰富的页面布局和样式控制。下面我们将深入探讨这...

区别div和span、relative和absolute、display和visibility: 一、div和span的区别　div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。　span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，...

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论