首页>>网站建设>>Javascript>>经验笔记

HTML区块

在HTML文档中，区块是一个很重要的排版元素，也是一个很基本的标签与元素。在HTML文档中，区块是通过div、span来定义的。

一、HTML div标签

div标签是一个块元素，它往往用来做HTML其他标签的容器，在HTML文档中div没有特定的作用，如果非要说有的话，那就是div闭合标签会单独占一行（默认情况下），浏览器显示的时候会在其前后折行。它经常被用来与css结合使用，用来排版HTML文档，现在很多网站都是div+css格式排版制作的。

实例如下：

<div>hello</div>
<div>mihuguan</div>

显示如下：

hello

mihuguan

上面hello与mihuguan文本虽然很短，但是也会单独占一行的。

二、HTML span标签

span标签同div类似，它不具备特殊作用，也是用来充当容器的，经常与css一起使用来布局页面。与div不同的是span在显示的时候不会折行。

实例如下：

<span>hello</span><span>mihuguan</span>

显示如下：

hellomihuguan

看吧，两个span在同一行显示。

PS：利用好div与span可以布局出很多好看的页面，当然需要与css一起使用。div+css也是最佳的页面布局结构呦~.并且div与span可以互相嵌套使用，也可以与其他HTML标签嵌套使用。