在我面试过的应聘前端工程师的一些应届毕业生中,很多人都不知道写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 键控制次序。 |
本文详细介绍了XHTML1.0的语义化标签及其属性,涵盖了从文档类型定义到表单元素的所有基本标签,强调了语义化的重要性,并提供了标准属性的概述。
576

被折叠的 条评论
为什么被折叠?



