HTML基础知识-元素

HTML（标准通用标记语言下的一个应用）元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

行内元素

HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。

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

块级元素占据其父元素（容器）的整个空间，因此创建了一个“块”，通常浏览器会在块级元素前后另起一个新行。

以下是 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 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。