HTML学习（九）：语法规则：标签分类

HTML标签有很多种，一般情况下会分为三类：

• 块级元素
• 内联元素
• 其他元素

一、块级元素

可容纳内联元素和块状元素，宽度和高度起作用。

总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示。宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制，宽度没有设置时，默认为100%。

<address>...</adderss>
<!-- 文档或文章的作者/拥有者的联系信息。-->


<article>...</article>
<!-- 文章。-->


<aside>...</aside>
<!-- 其所处内容之外的内容,可用作文章的侧栏。-->


<blockquote>...</blockquote>
<!-- 块引用。-->


<center>...</center>
<!-- 居中对齐块。-->


<dir>...</dir>
<!-- 目录列表。-->


<div>...</div>
<!-- 节。-->


<dl>...</dl>
<!-- 列表。-->


<fieldset>...</fieldset>
<!-- 定义围绕表单中元素的边框。-->


<footer>...</footer>
<!-- 文档或节的页脚。-->


<form>...</form>
<!-- 供用户输入的 HTML 表单。-->


<hr>
<!-- 水平分隔线。-->


<h1>...</h1> 
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
<!-- 定义 HTML 标题。-->


<header>...</header>
<!-- section 或 page 的页眉。-->


<iframe>...</iframe>
<!-- 水平分隔线。-->


<nav>...</nav>
<!-- 导航链接。-->


<noframes>...</noframes>
<!-- 不支持框架的用户的替代内容。-->


<noscript>...</noscript>
<!-- 不支持客户端脚本的用户的替代内容。-->


<section>...</section>
<!-- 文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。-->


<ol>...</ol>
<!-- 排序列表。-->


<ul>...</ul>
<!-- 非排序列表。-->


<p>...</p>
<!-- 段落。-->


<pre>...</pre>
<!-- 格式化文本。-->


<table>...</table>
<!-- 表格。-->

二、内联元素

只能容纳文本或其它内联元素，宽度和高度不起作用。

内联元素允许其他内联元素与其位于同一行。宽高就是内容的高度，不可以改变，不能包含块级元素。

<a>...</a>
<!-- 锚点。超链接，用于从一张页面链接到另一张页面。-->


<abbr>...</abbr>
<!-- 缩写。通过对缩写进行标记，能够为浏览器、拼写检查和搜索引擎提供有用的信息。-->


<b>...</b>
<!-- 粗体字。-->


<bdo>...</bdo>
<!-- 覆盖默认的文本方向，设置文字方向。-->


<big>...</big>
<!-- 大号字体。-->


<br/>
<!-- 换行。-->


<cite>...</cite>
<!-- 引用。-->


<code>...</code>
<!-- 计算机代码。-->


<dfn>...</dfn>
<!-- 项目。-->


<em>...</em>
<!-- 强调文本。-->


<img/>
<!-- 图片。-->


<input/>
<!-- 输入控件。-->


<meter>...</meter>
<!-- 度量。-->


<progress>...</progress>
<!-- 标示任务的进度（进程）。-->


<span>...</span>
<!-- 常用内联容器，定义文本内区块。-->

三、其他元素

由于有一些元素需要一些其他文件的支持，无法测试其分类。

<area/>
<!-- 带有可点击区域的图像映射嵌套在 <map> 标签中。-->


<applet>...</applet>
<!-- 嵌入的 applet。-->


<aside>...</aside>
<!-- 其所处内容之外的内容,可用作文章的侧栏。-->


<base/>
<!-- 为页面上的所有链接规定默认地址或默认目标。-->


<basefont/>
<!-- 基准字体。-->


<canvas>...</canvas>
<!-- 图形，比如图表和其他图像。-->


<bdi>...</bdi>
<!-- 设置一段文本，使其脱离其父元素的文本方向设置。-->


<button>...</button>
<!-- 按钮。-->


<caption>...</caption>
<!-- 表格标题。-->


<datalist>...</datalist>
<!-- 选项列表。-->


<dialog>...</dialog>
<!-- 对话框或窗口。-->


<embed/>
<!-- 嵌入的内容，比如插件。-->


<figure>...</figure>
<!-- 规定独立的流内容。-->


<figcaption>...</figcaption>
<!-- figure元素的标题。-->


<frame/>
<!-- frameset 中的一个特定的窗口（框架）。-->


<frameset>...</frameset>
<!-- 框架集。-->


<legend>...</legend>
<!--  fieldset 元素的标题。-->


<map>...</map>
<!-- 图像映射。-->


<mark>...</mark>
<!-- 有记号的文本。-->