首页 > 其他 > 详细

div&&span标签

时间:2020-11-16 14:48:43      阅读:26      评论:0      收藏:0      [点我收藏+]
div和span元素没有特定的语义,都是用来帮助页面排版的块元素。

div&&span标签

div:块级元素,可定义文档中的分区或分节,用来为HTML文档内大块的内容提供结构和背景。通过在页面中放置多个div并定义好位置及大小等属性,可以达到给网页布局的效果。

特点:独占一行。

span:行内元素,主要使用场合是与css一同使用,为部分文本设置样式属性。

特点:可一行多个同时显示。

基本语法格式:

<div> 文本 </div> <span>文本</span>

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8" />
 5 <title>doument</title>
 6 </head>
 7 <body>
 8 <div>我是div</div>
 9 <div>我是div</div>
10 <span>我是span</span>
11 <span>我是span</span>
12 <span>我是span</span>
13 </body>
14 </html>

 

技术分享图片
 

注意:

  • div会单独占领一行,span不会。
  • div是一个容器级的标签,而span是一个文本级的标签。

容器级的标签和文本级的标签的区别?

容器级的标签可以嵌套其它所有的标签,文本的标签只能嵌套文字/超链接/图片。

div&&span标签

原文:https://www.cnblogs.com/Jun--/p/html_div_span.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!