HTML(标准通用标记语言下的一个应用) 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
行内元素
HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。
下面的元素都是行内元素:
- 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
块级元素
以下是 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 视频。
行内元素与块级元素对比
内容
一般情况下,行内元素只能包含数据和其他行内元素。
而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
格式
默认情况下,行内元素不会以新行开始,而块级元素会新起一行。
空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。