div&&span标签

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是一个文本级的标签。

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

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

posted @ 2020-11-16 12:09  _jun_jun  阅读(144)  评论(0)    收藏  举报