前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

div && span 标签(标签)

div和span元素没有特定的语义,都是用来帮助页面排版的块元素。


div&&span标签

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

特点:独占一行。


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

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

基本语法格式:

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>doument</title>
  </head>
  <body>
    <div>我是div</div>
    <div>我是div</div>
    <span>我是span</span>
    <span>我是span</span>
    <span>我是span</span>
  </body>
</html>

注意:

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

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

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言