标签综合列表与按照语义正确使用
我没有列出所有的HTML标签，因为有些标签非常生僻不值得解释。
| 标签 | 解释 | 何时使用它 |
| <a> | 锚点 (最常见的链接) | 非常重要。 用来在内容中创建一个链接. 当一对<a>...</a>标签里的内容没有准确描述点击链接后会看到什么时，可以使用title属性。Title属性在浏览器中通常显示为一个提示框，这个提示框可以帮助提高网页易用性。 |
| <abbr> | 定义一个缩写 | 工作方式与<dfn>和<acronym>一样，使用title属性 (在标准的浏览器中显示为一个提示框). 例如: <abbr title=”Hypertext markup language”>HTML</abbr> |
| <ACRONYM> | 定义一个首字母缩写词 (首字母缩略写词是将相关词句的第一个字母组合成一个新词) | 工作方式与<abbr>和<dfn>一样, 使用title属性 (在标准的浏览器中显示为一个提示框). |
| <ADDRESS> | 标记一个实际地址(例如：邮寄地址) | 不常用。 建议去查找microformats的资料, 里面有更详细的介绍,并且它们有互通性. |
| <APPLET> | 插入一个Java程序 | 这是一个旧方法去插入Java程序. 现在已经被<object>替换. |
| <AREA> | 图片热点 | 尽可能不用图片热点，除非必须用。 |
| <BASE> | 指定文档的基础位置(在一些情况下需要指定这个值解决相对地址的问题，例如镜像站点中). | 需要时使用。校正文档中所有相对链接和路径。 |
| <BASEFONT> | 设置默认的文字大小 | 显示信息 – 不要用它 |
| <BIG> | 大文字 | 显示信息 – 不要用它 |
| <BLINK> | 让文字闪烁 | 如果你使用这个，去见鬼吧！ |
| <BLOCKQUOTE> | 文本的大引用块 | 用来标注引用文字,包括一个或多个段落。(注意: 也可以包含<p>标签)。 使用<q>标签区分段落。 常常使用来源文档中的<cite>标签里的内容。 |
| <BODY> | 文档主体 | 基本的 (除非你使用框架) |
| <BR> | 换行符 | 这是一个有争议的标签用于显示信息. 仍然非常通用, 但请有克制的使用。 |
| <B> | 加粗文字 | 显示信息 – 不要用它 |
| <BUTTON> | 用于标准的可点击按钮 | 通常比<input type=”button” />和<input type=”submit” />要好, 因为它允许你对独立的HTML对象指定不同的样式，反之input标签对显示不同样式支持不好。 |
| <CAPTION> | 表格说明: 描术表格的内容 | 指定表格的标题。 |
| <CENTER> | 一个内容居中的区块 | 显示信息 – 不要用它。可以使用<div>或者一些其它的块级别标签, 加上一个值为text-align:center的style属性。 |
| <CITE> | 定义一个引用 | 定义引用的来源 (需要与<q>或<blockquote>标签一起使用). |
| <CODE> | 定义一个代码摘录 | 很少使用。和<pre>标签相似, 但是它会去除源码中连续的空格和断行。 |
| <COL> | 识别表格中特殊的列 | 非常有用. 例如： 在一系列表格中,<col class=”namecol”>可以被应用到第一列, 那么在样式表中每一列的宽度可以设置成相等, 覆盖表格根据内容自适应宽度的功能。 |
| <DFN> | 定义一个人名 | 和<abbr>与<acronym>标签相似, 使用title属性 (在标准浏览器中显示提示框). |
| <DIR> | 目录列表 | 已弃用. 用<ul>或其它列表标签替换. |
| <DIV> | 区块 | 在一个文档中指定一个逻辑区块。 用它去指定或区分内容中的块。 一个非常通用的HTML标签. |
| <DL> | 定义列表 | 包含一个或多个条款定义/描述定义标签对。 |
| <DT> | 定义条款 | 一个<dt></dt><dd></dd>对是列表标签(<dl></dl>)的一部分。 |
| <DD> | 定义描述 | |
| <EM> | 强调 | 通常使用在<i>(斜体)标签的位置去强调(但时比<strong>的强调性要轻) |
| <FONT> | 字体设置 | 显示信息 – 不要用它 |
| <FORM> | 输入表单 | 基本数据输入 |
| <H1> | 第一级标题 | 每一个页面都有一个H1, H1内部包含这个页面的描述信息。 |
| <H2> | 第二级标题 | 定义页面的一个章节 |
| <H3> | 第三级标题 | 定义页面的一个子章节 (在逻辑层次结构上应该总是跟着H2) |
| <H4> | 第四级标题 | 很少使用 |
| <H5> | 第五级标题 | 很少使用。只有复杂的学术文档才给出这一等级的详情。 |
| <H6> | 第六级标题 | 很少使用。 |
| <HEAD> | 文档头部 | 基本的。 包含页面的信息，它在页面中不去传达内容给用户。 |
| <HR> | 横线 | 没有语义的显示信息 – 绝对不能使用它. “横线”, 按照定义, 这是一个可视化属性。 |
| <HTML> |
| 每一个网页的核心元素 |
| <IMG > | 显示一张图片 | 及其重要的. 当图片有内容价值时总是使用alt或longdesc属性。 |
| <INPUT> | 在表单中的输入字段 | 及其重要的. (尽管与<input>标签相比我更喜欢用<button>标签去做按钮) |
| <ISINDEX> | 搜索输入框的旧类型 | 不再使用. 用<form>标签替换。 |
| <I> | 斜体文字 | 显示信息 – 不要用它 |
| <KBD> | 键盘输入 | 显示信息 – 不要用它 |
| <LINK> | 定义一个关联的文档 | 通常用来引用外部的样式文档，也有少量的其它方面用途。 |
| <LI> | 列表项 | 在无序列表或有序列表(<ul>或<ol>)中指定一个项目 |
| <MAP> | 图片热点 | 可能有特殊需求, 但不到万不得以不要使用。 |
| <MARQUEE> | 文字在屏幕上滚动 | 看<blink>标签 |
| <MENU> | 菜单项目列表 | 弃用。 不要使用。 用其它的标准列表标签替换。 |
| <META> | 元标签信息 | 一个有用的方法去给页面的<head>章节加入相关信息,它不会显示。 |
| <OL> | 有序列表 | 一种有顺序的节点列表类型。通常会显示一个数字序号(最好使用CSS来管理). |
| <OPTION> | 下拉列表项 | 及其重要的，用在下拉控制。 |
| <PARAM> | Java应用的参数 | 与<object>或<applet>标签一起使用，在应用运行时传递附加的设置信息。 |
| <PRE> | 预格式文本 | 按照预格式样式显示文本, 保留源码中的断行和所有空格。也许很有用。 (这是自相矛盾的, 因为这是一个仅仅应用到视觉浏览器的显示信息, 但是它仍然非常通用和有用,所以我不知道是否该建议反对使用它。) |
| <P> | 段落 | 仅仅用来表示一个文字段落。绝不要用来做一个独立的空行。 |
| <Q> | 短引用 | 用来做行内引用 (鉴于<blockquote>应该用来引用一段或更多). 通常结合<cite>标签去标注引用来源。 |
| <SAMP> | 表示简单的输出文字 | 类似于<code>标签. 几乎不用. 舍弃. |
| <SCRIPT> | 内联脚本 (例如: JavaScript) | 比起编写内联脚本或写到<head>章节，把所有脚本写到一个独立的文件是比较好的。但是，仍然有它的用处。 |
| <SELECT> | 选择器 | 表单下拉选择框。 |
| <SMALL> | 小文本 | 显示信息 – 不要用它 |
| <SPAN> | 一个包含文本的行内跨度 | 使用这个标签(和样式)意味着一个文本跨度跟随内容流。 (反之<div>标签是一个块等级的，并且打断了内容流) |
| <Strikeout> |
| 显示信息 – 不要用它 |
| <STRONG> | 加粗强调 | 用它替换旧的<b>标签. |
| <STYLE> | CSS样式设置 | 正常情况下用在页面的<head>章节. 试着去使用外部样式表, 为不同的输出媒体显示不同的样式。 |
| <SUB> | 下标文本 | 有争议的显示信息 – 推荐使用其它标签(例如: <cite>). 可能一些搞学术的人需要它, 例如：化学式 |
| <SUP> | 上标文本 | |
| <TABLE> | 表格 | 用表格的形式显式有规律的数据。 不要用它做网页布局。 |
| <TD> | 表格数据单元 | 这个单元包含真实的数据。如果一个单元格做为一行或一列包含描述或标识, 使用<th> (表格头)标签, 不是<td>标签。<th>标签通常用在列头 (在<thead>标签里面), 列尾 (在<tfoot>标签里面),也用做行标题 (通常第一行单元格在<tbody>标签里面)。 |
| <TEXTAREA> | 表单中的多行文本输入框 | 基本的 |
| <TH> | 表格头 | 可以出现在<thead>标签里 (指明一个标题单元格), <tbody> (指明一行标题), 在<tfoot>标签 (指明一个底部单元格, 例如: 总价) |
| <TBODY> | 指明一个数据表的主要部分 | 这是一个非常有价值的标签, <thead>和<tfoot>也一样. 注意，在同一个表格中允许有多个<tbody>, <thead>, 和<tfoot>。 |
| <THEAD> | 表格标题 | 这个位置用来放列头单元格 (<th>) |
| <TFOOT> | 表格尾部 | 这个位用来放汇总数据, 总价. 注意，它在<tbody>标签前面! |
| <TITLE> | 文档标题 | 基本的 |
| <TR> | 表格行 | 基本的 |
| <TT> | “Teletype” - 模拟打字机输出 | 类似于<pre>, 除了它能像正常Html一样处理空格(反之<pre> 完整的留下所有连续的空格). 尽量不要用它 |
| <UL> | 无序列表 | 基本的。 用在列表上，但列表项的顺序不重要。 |
| <U> | 下划线 | 显示信息 – 不要用它 |
| <VAR> | 机算机编码变量 | 生僻, 可能只是用在学术文档中. 避免使用它. |
213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
