块级元素与行内元素

块级元素

特点：1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。

　　　2.元素的高度、宽度、行高和顶底边距都是可以设置的。　　

　　　3.元素的宽度如果不设置的话，默认为父元素的宽度。

块级元素列表

以下是 HTML 中所有的块级元素列表（虽然”块级“在新的 HTML5 元素中没有明确定义）

<address>

联系方式信息。

<article> HTML5

文章内容。

<aside> HTML5

伴随内容。

<audio> HTML5

音频播放。

<blockquote>

块引用。

<canvas> HTML5

绘制图形。

<dd>

定义列表中定义条目描述。

<div>

文档分区。

<dl>

定义列表。

<fieldset>

表单元素分组。

<figcaption> HTML5

图文信息组标题

<figure> HTML5

图文信息组 (参照 <figcaption>)。

<footer> HTML5

区段尾或页尾。

<form>

表单。

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

标题级别 1-6.

<header> HTML5

区段头或页头。

<hgroup> HTML5

标题组。

<hr>

水平分割线。

 

<noscript>

不支持脚本或禁用脚本时显示的内容。

<ol>

有序列表。

<output> HTML5

表单输出。

<p>

行。

<pre>

预格式化文本。

<section> HTML5

一个页面区段。

<table>

表格。

<tfoot>

表脚注。

<ul>

无序列表。

<video> HTML5

视频。

行级元素

特点：1.可以和其他元素处于一行，不用必须另起一行。

　　　2.元素的高度、宽度及顶部和底部边距不可设置。

　　　3.元素的宽度就是它包含的文字、图片的宽度，不可改变。

行内元素列表

下面的元素都是行内元素：

• b, big, i, small, tt
• abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
• a, bdo, br, img, map, object, q, script, span, sub, sup
• button, input, label, select, textarea