"无意义"的div和span标签

时间：2022-03-02 09:04:38

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div>元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

HTML <span> 元素是内联元素，可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

<span>和<div>标签都是没有任何内容上的意义，加不加都一样，区别是<span>标签不换行<div>换行

 <!--
 HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
 <div>元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
 如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
 <div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

 HTML <span> 元素是内联元素，可用作文本的容器。
 <span> 元素也没有特定的含义。
 当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

 <span>和<div>标签都是没有任何内容上的意义，加不加都一样，区别是<span>标签不换行<div>换行
 -->
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>"无意义"的div和span标签</title>
 </head>

 <body>
     <span>aaaaaaaaaaaaaa</span>
     <span>aaaaaaaaaaaaaa</span>
     <span>aaaaaaaaaaaaaa</span>
     <div>bbbbbbbbbbbbbbb</div>
     <div>bbbbbbbbbbbbbbb</div>
     <div>bbbbbbbbbbbbbbb</div>
 </body>
 </html>

相关文章