Web前端开发技术
上QQ阅读APP看书,第一时间看更新

2.2 HTML块

可以通过<div>和<span>标签将HTML元素组合起来。

2.2.1 HTML块级元素和内联元素

大多数HTML元素被定义为块级元素(block element)或内联元素(inline element)。

1.HTML块级元素

块级元素在浏览器显示时,通常会以新行来开始和结束。例如:<h1>、<p>、<ul>、<table>。

2.HTML内联元素

内联元素在显示时通常不会以新行开始,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化。例如:<b>、<td>、<a>、<img>。

2.2.2 HTML<div>元素

HTML<div>元素是块级元素,它是用于组合其他HTML元素的容器。<div>元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。如果与CSS一同使用,<div>元素可用于对大的内容块设置样式属性。

<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用<table>元素进行文档布局不是表格的正确用法,<table>元素的作用是显示表格化的数据。

2.2.3 HTML<span>元素

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