HTML的区块，what ?? span+div ？？？！！！

目录

HTML区块

HTML块级元素

div元素

span元素

---

HTML区块

大多数元素被定义为块级元素或内联元素。

HTML块级元素

块级元素在浏览器中显示的时候，通常会以新行（新起一行）来开始和结束。

例如：

<div>、

<h1>、

<p>、

<ul>、

<table>

<div>这是div</div>
<h1>这是h1</h1>
<p>这是p</p>
<ul>这是ul</ul>
<table>这是table</table>

可见，每一个标签元素，都新起一行显示。

HTML内联元素

内联元素在显示的时候，通常不会以新行开始。

例如：

<span>、

<a>、

<img>、

<b>、

<td>

<span>红色</span>
<span>黑色</span>
<span>黄色</span>

<a href="https://www.baidu.com" alt="百度搜索引擎">百度</a>
<a href="www.chnphoto.cn/" alt="中国图片网">中国图片网</a>

...

从运行结果来看，没有以新行开始，印证了内联元素的属性。

div元素

<div>元素是块级元素，它是用来组合其他htm块级元素的容器。

<div>元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前其后显示换行。

如果与CSS一同使用，<div>元素可以用于对大的内容块设置样式属性。

下面给出一个实例：

<div style="color:green">
 <h2>这是一个标题</h2>
 <p>这是一个段落。</p>
</div>

ps 

<div>的一个常见用途是 文档布局，其取代了使用表格定义布局的老方法。

span元素

<span>元素是内联元素，可以用作文本的容器。

<span>元素没有特定的含义。

当与CSS一同使用的时候，<span>元素可以用作 为文本设置样式属性。

下面给出一个实例：

<p>
<span style="color:green; font-weight:bold;">绿色</span>的球鞋，我的学长有<span style="color:purple;">一双</span>
</p>

 

---