HTML中div和span较为

1、<div></div>和<span></span>

1.<div></div>标识

<div></div>标识可界定文本文档中的分区或节(division/section),从而把文本文档切分为单独的、不一样的一部分。<div></div>标识能够做为1种严苛的机构专用工具,而且不应用任何文件格式与其关系,这在其中包括1种HTML标识和主要表现款式相分离出来的观念。在具体工作中中,大家一般为<div></div>标识特定 id 或 class 特性,使该标识会变得更为合理。<div></div> 是1个块级元素,这代表着它的內容全自动地刚开始1个新行。而且具体上换行是 <div> 固有的唯1文件格式主要表现。

下面这段 HTML 仿真模拟了新闻网站的构造。在其中的每对<div></div>标识 把每条新闻的题目和引言组成在1起,也便是说,<div></div> 为文本文档加上了附加的构造。另外,因为这些 <div></div> 属于同1类元素,因此可使用 class="news" 特性对这些<div></div>标识开展标志,这么做不但为 <div></div> 加上了适合的词义,并且便于进1步应用款式对 <div></div> 开展文件格式化。

     <div class="news">
         <h2>
             News headline 1</h2>
         <p>
             some text. some text. some text...</p>
         ...
     </div>
     <div class="news">
        <h2>
             News headline 2</h2>
         <p>
             some text. some text. some text...</p>
        ...
     </div>

2.<span></span>标识

<span> 标识被用来组成文本文档中的行内元素(inline elements)。

  <span style="color: Red">留意:</span>

2、块级元素和行内元素

块级元素(block element)和行内元素/内联元素(inline element)是css中的定义,像<div></div>和<h1></h1>等元平素常被称为块级元素。这是由于这些元素显示信息为1块內容,即“块框”。与之相反,<span></span> 和 <strong></strong> 等元素称为“行内元素”,这是由于它们的內容显示信息在1行中,即“行内框”。

 块级元素和行内元素的定义其实不是固定不动不会改变的,而是相对性的。大家可使用元素的 display 特性更改转化成的框的种类。这代表着,根据将 display 特性设定为 block,可让行内元素(例如 <a> 元素)主要表现得像块级元素1样;还能够根据把 display 设定为 inline 让转化成的元素变成行内元素;乃至,大家能够把display特性设定为 none ,使元素压根沒有框,这类状况,该框及其全部內容就已不显示信息,不占有文本文档中的室内空间。

     <div id="dv1" style="display: block">
         我是1个块级元素。
     </div>
     <div id="dv2" style="display: inline">
         我是1个行内元素。
     </div>
     <div id="div3" style="display: none">
         我是不能见的
     </div>

3、<div></div>和<span></span>的较为

1.同样点:<div></div>标识和<span></span>标识全是用来区划区段可是沒有具体词义的标识;二者全是关键用于运用款式表。

2.不一样点:<div></div>标识属于块级元素,访问器在它的前后左右会全自动加上1个换行标识</br>;<span></span>标识属于内联元素,它的前后左右不容易全自动加上换行标识。

假如在网页页面合理布局中要将某两个內容显示信息在同1行内,最简易的方式便是将它们用<span></span>标识包装起来。例如,1个网页页面有邻近的两个元素,1个是<div></div>,另外一个是<span></span>。要想将它们显示信息在同1行,能够将这个<div></div>改成<span></span>。自然,还可以根据css将<div></div>等标识的display特性设定为 inline 来完成。