在我面试过的应聘前端工程师的一些应届毕业生中,很多人都不知道写HTML代码最重要的是语义化,真的让我很无语。这里将w3school.com.cn的XHTML1.0的参考手册完整的整理出来,希望准前端工程师们能牢记这些XHTML的语义和属性的意义。至于怎么才算一个结构化(充分语义化)的XHTML页面,则请参考《WEB前端开发经验总结–XHTML语义化》。
按功能类别排列
DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.
标签 | 描述 | DTD |
---|---|---|
<!DOCTYPE> | 定义文档类型。 | STF |
<html> | 定义 HTML 文档。 | STF |
<body> | 定义文档的主体。 | STF |
<h1> to <h6> | 定义 HTML 标题。 | STF |
<p> | 定义段落。 | STF |
<br> | 定义简单的折行。 | STF |
<hr> | 定义水平线。 | STF |
<!–…–> | 定义注释。 | STF |
标签 | 描述 | DTD |
---|---|---|
<b> | 定义粗体文本。 | STF |
<font> | 不赞成使用。定义文本的字体、尺寸和颜色 | TF |
<i> | 定义斜体文本。 | STF |
<em> | 定义强调文本。 | STF |
<big> | 定义大号文本。 | STF |
<strong> | 定义语气更为强烈的强调文本。 | STF |
<small> | 定义小号文本。 | STF |
<sup> | 定义上标文本。 | STF |
<sub> | 定义下标文本。 | STF |
<bdo> | 定义文本的方向。 | STF |
<u> | 不赞成使用。定义下划线文本。 | TF |
标签 | 描述 | DTD |
---|---|---|
<pre> | 定义预格式文本 | STF |
<code> | 定义计算机代码文本。 | STF |
<tt> | 定义打字机文本。 | STF |
<kbd> | 定义键盘文本。 | STF |
<var> | 定义文本的变量部分。 | STF |
<dfn> | 定义定义项目。 | STF |
<samp> | 定义计算机代码样本。 | STF |
<xmp> | 不赞成使用。定义预格式文本。 |
标签 | 描述 | DTD |
---|---|---|
<acronym> | 定义只取首字母的缩写。 | STF |
<abbr> | 定义缩写。 | STF |
<address> | 定义文档作者或拥有者的联系信息。 | STF |
<blockquote> | 定义块引用。 | STF |
<center> | 不赞成使用。定义居中文本。 | TF |
<q> | 定义短的引用。 | STF |
<cite> | 定义引用(citation)。 | STF |
<ins> | 定义被插入文本。 | STF |
<del> | 定义被删除文本。 | STF |
<s> | 不赞成使用。定义加删除线的文本。 | TF |
<strike> | 不赞成使用。定义加删除线的文本。 | TF |
标签 | 描述 | DTD |
---|---|---|
<a> | 定义锚。 | STF |
<link> | 定义文档与外部资源的关系。 | STF |
标签 | 描述 | DTD |
---|---|---|
<frame> | 定义框架集的窗口或框架。 | F |
<frameset> | 定义框架集。 | F |
<noframes> | 定义针对不支持框架的用户的替代内容。 | TF |
<iframe> | 定义内联框架。 | TF |
标签 | 描述 | DTD |
---|---|---|
<form> | 定义供用户输入的 HTML 表单。 | STF |
<input> | 定义输入控件。 | STF |
<textarea> | 定义多行的文本输入控件。 | STF |
<button> | 定义按钮。 | STF |
<select> | 定义选择列表(下拉列表)。 | STF |
<optgroup> | 定义选择列表中相关选项的组合。 | STF |
<option> | 定义选择列表中的选项。 | STF |
<label> | 定义 input 元素的标注。 | STF |
<fieldset> | 定义围绕表单中元素的边框。 | STF |
<legend> | 定义 fieldset 元素的标题。 | STF |
<isindex> | 不赞成使用。定义与文档相关的可搜索索引。 | TF |
标签 | 描述 | DTD |
---|---|---|
<ul> | 定义无序列表。 | STF |
<ol> | 定义有序列表。 | STF |
<li> | 定义列表的项目。 | STF |
<dir> | 不赞成使用。定义目录列表。 | TF |
<dl> | 定义定义列表。 | STF |
<dt> | 定义定义列表中的项目。 | STF |
<dd> | 定义定义列表中项目的描述。 | STF |
<menu> | 不赞成使用。定义菜单列表。 | TF |
标签 | 描述 | DTD |
---|---|---|
<img> | 定义图像。 | STF |
<map> | 定义图像映射。 | STF |
<area> | 定义图像地图内部的区域。 | STF |
标签 | 描述 | DTD |
---|---|---|
<table> | 定义表格 | STF |
<caption> | 定义表格标题。 | STF |
<th> | 定义表格中的表头单元格。 | STF |
<tr> | 定义表格中的行。 | STF |
<td> | 定义表格中的单元。 | STF |
<thead> | 定义表格中的表头内容。 | STF |
<tbody> | 定义表格中的主体内容。 | STF |
<tfoot> | 定义表格中的表注内容(脚注)。 | STF |
<col> | 定义表格中一个或多个列的属性值。 | STF |
<colgroup> | 定义表格中供格式化的列组。 | STF |
标签 | 描述 | DTD |
---|---|---|
<style> | 定义文档的样式信息。 | STF |
<div> | 定义文档中的节。 | STF |
<span> | 定义文档中的节。 | STF |
标签 | 描述 | DTD |
---|---|---|
<head> | 定义关于文档的信息。 | STF |
<title> | 定义文档的标题。 | STF |
<meta> | 定义关于 HTML 文档的元信息。 | STF |
<base> | 定义页面中所有链接的默认地址或默认目标。 | STF |
<basefont> | 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 | TF |
标签 | 描述 | DTD |
---|---|---|
<script> | 定义客户端脚本。 | STF |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容。 | STF |
<applet> | 不赞成使用。定义嵌入的 applet。 | TF |
<object> | 定义嵌入的对象。 | STF |
<param> | 定义对象的参数。 | STF |
下面列出了所有 HTML 和 XHTML 标签支持的标准属性,仅有少数例外。
核心属性 (Core Attributes)
以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。
属性 | 值 | 描述 |
---|---|---|
class | classname | 规定元素的类名(classname) |
id | id | 规定元素的唯一 id |
style | style_definition | 规定元素的行内样式(inline style) |
title | text | 规定元素的额外信息(可在工具提示中显示) |
语言属性 (Language Attributes)
以下标签不提供下面的属性:base、br、frame、frameset、hr、iframe、param 以及 script 元素。
属性 | 值 | 描述 |
---|---|---|
dir | ltr | rtl | 设置元素中内容的文本方向。 |
lang | language_code | 设置元素中内容的语言代码。语言代码参考 |
xml:lang | language_code | 设置 XHTML 文档中元素内容的语言代码。语言代码参考 |
键盘属性 (Keyboard Attributes)
属性 | 值 | 描述 |
---|---|---|
accesskey | character | 设置访问元素的键盘快捷键。 |
tabindex | number | 设置元素的 Tab 键控制次序。 |