"无意义"的div和span标签

Posted on 2016-03-06 12:51  Y-HKL  阅读(213)  评论(0编辑  收藏  举报

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

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

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

 1 <!--
 2 HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
 3 <div>元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
 4 如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
 5 <div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
 6 
 7 HTML <span> 元素是内联元素,可用作文本的容器。
 8 <span> 元素也没有特定的含义。
 9 当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
10 
11 <span>和<div>标签都是没有任何内容上的意义,加不加都一样,区别是<span>标签不换行<div>换行
12 -->
13 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
14 <html xmlns="http://www.w3.org/1999/xhtml">
15 <head>
16 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
17 <title>"无意义"的div和span标签</title>
18 </head>
19 
20 <body>
21     <span>aaaaaaaaaaaaaa</span>
22     <span>aaaaaaaaaaaaaa</span>
23     <span>aaaaaaaaaaaaaa</span>
24     <div>bbbbbbbbbbbbbbb</div>
25     <div>bbbbbbbbbbbbbbb</div>
26     <div>bbbbbbbbbbbbbbb</div>
27 </body>
28 </html>