OldVon

根元素

  • <html> 元素告知浏览器这是一个 HTML 文档。

组合内容

  • <br> 标签插入简单的换行符。<br> 标签是一个空标签,意味着它没有结束标签。所以这样是错误的:<br></br>
  • <hr> 标签水平线,它应该定义内容中的主题变化。
  • <figure> 标签用于对元素进行组合。
  • <p> 标签定义段落。
  • <ol> 标签定义有序列表。
  • <ul> 标签无序列表。
  • <li> 标签定义列表项,有序列表和无序列表中都使用 <li> 标签。
  • <div> 标签定义文档中的 division/section。
  • <pre> 标签的一个常见应用就是用来表示计算机的源代码。pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
  • <blockquote> 标签定义引用。
  • <dl> 标签定义一个定义列表。
  • <dt> 标签定义一个定义列表中的一个项目,以及 dialog 中的角色。
  • <dd> 标签定义一个定义列表中对项目的描述。

元数据和脚本

  • head 元素可包含关于文档的信息。浏览器不会向用户显示这些头部信息("head information")。下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>
  • <title> 标签定义文档的标题。
  • <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
  • <base> 标签规定页面中所有链接的基准 url。
  • <link> 标签定义两个连接文档之间的关系。
  • <style> 标签定义文档中的样式。如果需要在文档中引用样式表,应该定义外部的样式表,然后使用 <link> 来连接这个样式表。
  • noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签用于可识别 <script> 标签但无法支持其中脚本的浏览器。
  • <script> 标签定义一段脚本,比如 JavaScript。如果 async 属性为 true,则脚本会相对于文档的其余部分异步执行,这样脚本会可以在页面继续解析的过程中来执行。如果 async 属性为 false,而 defer 属性为 true,则脚本会在页面完成解析时得到执行。如果 async 和 defer 属性均为 false,那么脚本会立即执行,页面会在脚本执行完毕继续解析。

短语元素

  • 以下元素都是短语元素。并不返回使用它们,但是通过使用样式表,可能取得更丰富的效果。

  • <em> 呈现为被强调的文本。

  • <strong> 定义重要的文本。
  • <dfn> 定义一个定义项目。
  • <code> 定义计算机代码文本。
  • <samp> 定义样本文本。
  • <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
  • <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
  • <cite> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

文本元素

  • <span> 标签用于对文档中的行内元素进行组合。
  • <a> 标签定义超链接,它用于从一个页面连接到另一个页面。
  • <dfn> 定义一个定义项目。
  • <abbr> 标签表示它所包含的文本是一个更长的单词或短语的缩写形式。
  • <q> 标签定义一个短的引用。
  • <cite> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。
  • <em> 呈现为被强调的文本。
  • <time> 标签定义日期或时间,或者两者。
  • <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
  • <samp> 定义样本文本。
  • <i> 标签呈现斜体的文本。<i> 标签定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。在没有其他元素可以使用时,比如 <b><cite><dfn><em><q><small><strong>,请使用 <i> 标签。
  • <b> 标签定义粗体的文本。<b> 标签定义了文本中的部分比其余的部分更重要,并呈现为粗体。
  • <sub> 标签可定义下标文本。
  • <sup> 可定义上标文本。
  • <small> 标签制作更小字号的文本。
  • <strong> 定义重要的文本。
  • <ins> 标签定义文档的其余部分之外的插入文本。
  • <del> 标签定义文档中已删除的文本。
  • <bdo> 标签覆盖默认的文本方向。
  • <s> 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 CSS 代替。
  • <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
  • <code> 定义计算机代码文本。

表单

  • fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
  • <meter> 标签定义度量(单位)。仅用于已知最大和最小值的度量。
  • <legend> 标签为 <fieldset><figure> 以及 <details> 元素定义标题。
  • <label> 标签定义控件的标注。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
  • <input> 标签定义输入字段,用户可在其中输入数据。
  • 定义一个文本区域 (text-area) (一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。
  • <form> 标签创建供用户输入的表单。表单可包含文本域,复选框,单选按钮等等。表单用于向指定的 URL 传递用户数据。
  • <select> 标签创建下拉列表。
  • <optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
  • <option> 标签定义下拉列表中的一个选项。
  • <output> 标签定义不同类型的输出,比如脚本的输出。
  • <button> 标签定义按钮。您可以在 button 元素中放置内容,比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。
  • <datalist> 标签定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表。
  • <progress> 标签运行中的进程。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进程。

文档章节

  • body 元素定义文档的主体。其中包含文档的所有内容(比如文本、图像、颜色、图形等等)。
  • <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
  • <address> 标签为文档或 section 定义联系信息。
  • <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
  • <section> 标签定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分。
  • <header> 标签定义 section 或 document 的页眉。
  • <nav> 标签定义导航链接的部分。
  • <article> 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
  • <footer> 标签定义 section 或 document 的页脚。典型地,它会包含创作者的姓名、文档的创作日期以及/或者联系信息。

表格元素

  • <col> 标签为表格中的一个或多个列定义属性值。您只能在表格或列组中使用该元素。
  • <colgroup> 标签定义表格列的组。通过此标签,您可以对列进行组合,以便格式化。该元素只有在 <table> 中才是合法的。
  • <caption> 标签定义表格标题。<caption> 标签必须紧随 <table> 标签之后。
  • <table> 标签可定义表格。在 <table> 标签内部,你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。
  • <tr> 标签定义表格中的行。
  • <td> 标签定义表格中的一个单元格。
  • <th> 标签定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。
  • <tbody>定义一段表格主体(正文)。使用 <tbody> 标签,可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有 <tbody> 标签。在 <tbody> 标签中,只有 <tr> 标签可以定义表格行。并且一旦定义,一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
  • <thead>定义表格的表头。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
  • <tfoot>定义表格的页脚(脚注)。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

嵌入式内容

  • <img> 标签定义图像。
  • <area> 标签定义图像映射中的区域。
  • <map> 标签定义客户端的图像映射。图像映射是带有可点击区域的图像。
  • <embed> 标签定义嵌入的内容,比如插件。
  • <object>定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素运行您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
  • param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 标签提供参数。
  • <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
  • <iframe> 标签创建包含另一个文档的行内框架。
  • <canvas> 标签定义图形,比如图表和其他图像。
  • <audio> 标签定义声音,比如音乐或其他音频流。
  • <video> 标签定义视频,比如电影片段或其他视频流。

分类:

技术点:

相关文章: