HTML基本

W3C

https://zh.wikipedia.org/zh-hant/%E4%B8%87%E7%BB%B4%E7%BD%91%E8%81%94%E7%9B%9F
万维网联盟(英语:World Wide Web Consortium,縮寫W3C),又称W3C理事会**,是万维网的主要国际标准组织[2]。为半自治非政府组织(quasi-autonomous non-governmental organisation)。

目录

历史[编辑]

万维网联盟(W3C)由蒂姆·伯纳斯-李于1994年10月离开欧洲核子研究中心(CERN)后成立,在欧盟委员会国防高等研究计划署(DARPA)的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室(MIT/LCS)[2],DARPA推出了ARPANET,是互联网前身之一。

该组织试图透过W3C制定的新标准来促进业界成员间的兼容性和协议。不兼容的HTML版本由不同的供应商提供,导致网页显示方式不一致。联盟试图让所有的供应商实施一套由联盟选择的核心原则和组件。

CERN最初打算做为W3C的欧洲分支机构,然而CERN希望把重点放在粒子物理而不是信息技术上。1995年4月,法国国家信息与自动化研究所(INRIA)成为W3C的欧洲机构。1996年9月,庆应义塾大学SFC研究所成为W3C亚洲机构[3]。从1997年开始,W3C在世界各地创建了区域办事处。截至2009年9月,已有十八个区域办事处,涵盖澳大利亚、比荷卢联盟、巴西、中国、芬兰、德国、奥地利、希腊、香港、匈牙利、印度、以色列、意大利、韩国、摩洛哥、南非、西班牙、瑞典[4]。2013年1月,北京航空航天大学成为W3C中国机构。2016年,W3C在英国和爱尔兰创建了区域办事处。

标准[编辑]

为解决网络应用中不同平台、技术和开发者带来的不兼容问题,保障网络信息的顺利和完整流通,万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XMLCSS等的众多影响深远的标准规范。

但是,W3C制定的网络标准似乎并非强制,而只是推荐标准。因此部分网站仍然不能完全实现这些标准,特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。

  • W3C推荐标准
  • CSS:层叠样式表
  • DOM:文档对象模型
  • HTML:超文本标记语言
  • RDF:资源描述框架
  • SMIL:同步多媒体集成语言
  • SVG:可缩放矢量图形
  • WAI
  • Widgets
  • XHTML:可扩展超文本标记语言
  • XML:可扩展标记语言
  • PICS:网络内容筛选平台

MDN

MDN

https://zh.wikiversity.org/wiki/Mozilla_Developer_Network

Mozilla Developer Network[编辑 | 编辑源代码]

跳到导航跳到搜索

| Mozilla Developer Network |
| 网址 | developer<wbr style="display: inline-block;">.mozilla<wbr style="display: inline-block;">.org |
| 商业性质 | 否 |
| 注册 | 选择性 |
| 语言 | 多国语言 |
| 推出时间 | 2005年 |
| 现状 | 在线 |

Mozilla Developer Network(简称MDN),是一个集中所有Mozilla基金会产品和网络技术开发文件的网站[1]

最初DevEdge的网站搜集了网络技术及其他以Netscape产品所实现的相关数据,然而随着美国在线收购Netscape之后,DevEdge网站也宣布关闭。

2005年2月,Mozilla基金会向美国在线获取DevEdge发布的内容[2][3],同时将DevEdge内容搬移到mozilla.org[4][5]

MWD

https://zh.wikiversity.org/wiki/Mozilla_Developer_Network

MDN Web Docs[编辑]

维基百科,自由的百科全书

| 语言 | 多国语言 |
| 网站 | developer<wbr style="display: inline-block;">.mozilla<wbr style="display: inline-block;">.org |
| 商业性质 | 否 |
| 注册 | 可选 |
| 推出时间 | 2005年 |
| 现状 | 在线 |

MDN Web Docs(旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站[1]

历史[编辑]

该项目始于2005年,最初由Mozilla公司员工Deb Richardson领导。自2006年以来,文档工作由Eric Shepherd领导[2]

网站最初的内容是由DevEdge提供,但在AOL收购Netscape后,DevEdge网站也宣布关闭。为此Mozilla基金会向AOL获取了DevEdge发布的内容[3][2],同时将DevEdge内容搬移到mozilla.org[4][5]

MDN本身有一个论坛,并在Mozilla IRC网络上有一个IRC频道#mdn。MDN由Mozilla公司提供服务器和员工的资助。

2016年10月3日发表的Brave网页浏览器将MDN作为其搜索引擎选项之一[

HTML所有标签列表 mdn

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

HTML 元素参考

<nav class="breadcrumbs" role="navigation" style="margin: 0px; padding: 0px; border: 0px; display: block; flex: 1 1 0%;">

  1. Web 开发技术
  2. HTML(超文本标记语言)
  3. HTML 元素参考

中文 (简体)▼

在此页面

<article id="wikiArticle" style="margin: 0px; padding: 0px 0px 20px; border-width: 0px 0px 3px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(61, 126, 154); border-left-color: initial; border-image: initial; display: block; position: relative;">

此页面列出了所有使用 [标签](https://developer.mozilla.org/en-US/docs/Glossary/Tag "标签: In HTML a tag is used for creating an element. The name of an HTML element is the name used in angle brackets such as <p> for paragraph. Note that the end tag's name is preceded by a slash character, "</p>", and that in empty elements the end tag is neither required nor allowed. If attributes are not mentioned, default values are used in each case.") 创建的 HTML 元素 。它们按功能分组,以帮助您轻松找到想要的内容。页面左侧边栏中列出了所有(按照字母排序)元素。

若想获知更多关于HTML元素、属性的基本信息,请查阅 the section on elements in the Introduction to HTML article

根元素

元素 描述
<html> **HTML <html> 元素 表示一个HTML文档的根(顶级元素),所以它也被称为根元素。所有其他元素必须是此元素的后代。

文档元数据

元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件(例如 搜索引擎浏览器 等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。

元素 描述
<base> HTML <base> 元素 指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。
<head> **HTML head 元素 **规定文档相关的配置信息(元数据),包括文档的标题,引用的文档样式和脚本等。
<link> HTML外部资源链接元素 (<link>) 规定了当前文档与外部资源的关系。该元素最常用于链接样式表,此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。
<meta> HTML <meta>元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style><title>) 之一表示的任何元数据信息.
<style> HTML的<style>元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是CSS的格式。
<title> **HTML <title> 元素 **定义文档的标题,显示在浏览器的标题栏或标签页上。它只可以包含文本,若是包含有标签,则包含的任何标签都不会被解释。

分区根元素

元素 描述
<body> HTML body 元素表示文档的内容。document.body 属性提供了可以轻松访问文档的 body 元素的脚本。

内容分区

内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素,来为页面内容创建明确的大纲,以便区分各个章节的内容。

元素 描述
<address> HTML <address> 元素 表示其中的 HTML 提供了某个人或某个组织(等等)的联系信息。
<article> HTML <article>元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。​​
<aside> HTML <aside> 元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。
<footer> HTML <footer> 元素表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
<header> HTML <header> 元素用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> HTML <h1><h6> 标题(Heading)元素呈现了六个不同的级别的标题,<h1> 级别最高,而 <h6> 级别最低。
<hgroup> HTML <hgroup> Element (HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。
<main> HTML <main> 元素呈现了文档的 <body> 或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。
<nav> HTML <nav>元素表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单,目录和索引。
<section> HTML <section>元素表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。

文本内容

使用 HTML 文本内容元素来组织在开标签 <body> 和闭标签 </body> 里的块或章节的内容。这些元素能标识内容的宗旨或结构,而这对于 accessibilitySEO 很重要。

元素 描述
<blockquote> HTML <blockquote> 元素(或者 HTML 块级引用元素),代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进( 中说明了如何更改)。若引文来源于网络,则可以将原内容的出处 URL 地址设置到 cite 特性上,若要以文本的形式告知读者引文的出处时,可以通过 <cite> 元素。
<dd> HTML <dd> 元素HTML 描述元素)用来指明一个描述列表 (<dl>) 元素中一个术语的描述。这个元素只能作为描述列表元素的子元素出现,并且必须跟着一个 <dt> 元素。
<dir> 已废弃的 HTML 目录元素<dir>)被作为一个文件和/或文件夹的目录的容器,可能还有 用户代理 应用的样式与图标。
<div> HTML <div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用 classid 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang),它应该在没有任何其它语义元素可用时才使用 (比如 <article><nav>) 。
<dl> HTML <dl> 元素 (或 HTML 描述列表元素)是一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)。
<dt> HTML <dt> 元素 (或 HTML 术语定义元素)用于在一个定义列表中声明一个术语。该元素仅能作为 <dl> 的子元素出现。通常在该元素后面会跟着 <dd> 元素, 然而,多个连续出现的 <dt> 元素都将由出现在它们后面的第一个 <dd> 元素定义。
<figcaption> HTML <figcaption> 元素 是与其相关联的图片的说明/标题,用?于描述其父节点 <figure> 元素里的其他数据。这意味着 <figcaption><figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的;如果没有该元素,这个父节点的图片只是会没有说明/标题。
<figure> HTML <figure> 元素代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。
<hr> HTML <hr> 元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。
<li> HTML <li> 元素 (或称 HTML 列表条目元素) 用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表(<ol>),一个无序列表(<ul>),或者一个菜单 (<menu>)。在菜单或者无序列表里,列表条目通常用点排列显示;在有序列表里,列表条目通常在左边显示按升序排列的计数,例如数字或者字母。
<main> HTML <main> 元素呈现了文档的 <body> 或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。
<ol> HTML <ol> 元素 表示多个有序列表项,通常渲染为有带编号的列表。
<p> HTML <p>元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。另外,<p> 是块级元素
<pre> HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)
<ul> HTML <ul> 元素(或称 HTML 无序列表元素)表示一个内可含多个元素的无序列表或项目符号列表。

内联文本语义

使用 HTML 内联文本语义(Inline text semantics)定义一个单词、一行内容,或任意文字的语义、结构或样式。

元素 描述
<a> HTML <a> 元素(或称锚元素)可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
<abbr> HTML 缩写元素<abbr>)用于展示缩写,并且可以通过可选的 [title](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes#attr-title) 属性提供完整的描述。
<b> HTML提醒注意(Bring Attention To)元素(<b>用于吸引读者的注意到该元素的内容上(如果没有另加特别强调)。这个元素过去被认为是粗体(Boldface)元素,并且大多数浏览器仍然将文字显示为粗体。尽管如此,你不应将 <b> 元素用于显示粗体文字;替代方案是使用 CSS font-weight 属性来创建粗体文字。
<bdi> 当不知道是从什么方向嵌入文本,如来自于数据库的文本(有起数据库的文本方向)的时候,该元素是十分有用的。
<bdo> <bdo> 元素 (HTML双向覆盖元素)用于覆盖当前文本的朝向,它使得字符按给定的方向排列。
<br> HTML
元素
在文本中生成一个换行(回车)符号。此元素在写诗和地址时很有用,这些地方的换行都非常重要。
<cite> HTML引用( Citation)标签 (<cite>) 表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL,它可能是一个根据添加引用元数据的约定的简写形式。
<code> HTML <code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.
<data> HTML <data> 元素 将一个指定内容和机器可读的翻译联系在一起。但如果内容是与 time 或者 date 相关的,一定要使用 <time>
<dfn> HTML 定义元素 (<dfn>) 表示术语的一个定义。
<em> HTML 着重元素 (**<em>**) 标记出需要用户着重阅读的内容, <em> 元素是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读。
<i> HTML元素 <i> 用于表现因某些原因需要区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等,它的内容通常以斜体显示。
<kbd> HTML键盘输入元素(<kbd>) 用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示。
<mark> HTML标记文本元素(< Mark >)表示为引用或符号目的而标记或突出显示的文本,这是由于标记的段落在封闭上下文中的相关性或重要性造成的。
<q> HTML引用标签 (<q>)表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代.
<rb> HTML Ruby Base<rb>)元素用于分隔<ruby>注释的基本文本组件(即正在注释的文本)。一个<rb>元素应该包装基本文本的每个单独的原子段。
<rp> HTML <rp> 元素用于为那些不能使用 <ruby> 元素展示 ruby 注解的浏览器,提供随后的圆括号。
<rt> HTML Ruby 文本 (<rt>) 元素包含字符的发音,字符在 ruby 注解中出现,它用于描述东亚字符的发音。这个元素始终在 <ruby> 元素中使用。
<rtc> HTML <rtc> 元素包含文字的语义注解,它们在 <rb> 元素中展示。<rb> 元素可以拥有发音 (<rt>) 和语义(<rtc>) 注解。
<ruby> **HTML <ruby> 元素 **被用来展示东亚文字注音或字符注释。
<s> **HTML <s> 元素 **使用删除线来渲染文本。使用 <s> 元素来表示不再相关,或者不再准确的事情。但是当表示文档编辑时,不提倡使用 <s> ;为此,提倡使用 <del><ins> 元素。
<samp> <samp> 元素用于标识计算机程序输出,通常使用浏览器缺省的 monotype 字体(例如 Lucida Console)。
<small> HTML 中的<small style="margin: 0px; padding: 0px; border: 0px;">元素將使文本的字体变小一号。(例如从大变成中等,从中等变成小,从小变成超小)。在HTML5中,除了它的样式含义,这个元素被重新定义为表示边注释和附属细则,包括版权和法律文本。</small>
<span>
<strong> Strong 元素 (<strong>)表示文本十分重要,一般用粗体显示。
<sub> HTML <sub> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更低并且更小。
<sup> HTML <sup> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更高并且更小。
<time> HTML time 标签(<time>) 用来表示24小时制时间或者公历日期,若表示日期则也可包含时间和时区。
<tt> HTML 电报文本元素 (<tt>) 产生一个内联元素,使用浏览器内置的 monotype 字体展示。这个元素用于给文本排版,使其等宽展示,就像电报那样。使用 <code> 元素来展示等宽文本可能更加普遍。
<u> The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
<var> <var> 标签表示变量的名称,或者由用户提供的值。
<wbr> **HTML <wbr> 元素 **— 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。

图片和多媒体

HTML 支持各种多媒体资源,例如图像,音频和视频。

元素 描述
<area> HTML <area> 元素 在图片上定义一个热点区域,可以关联一个超链接。<area>元素仅在<map>元素内部使用。
<audio> **HTML <audio> **元素用于在文档中表示音频内容。 <audio> 元素可以包含多个音频资源, 这些音频资源可以使用 src 属性或者<source> 元素来进行描述; 浏览器将会选择最合适的一个来使用。对于不支持<audio>元素的浏览器,<audio>元素也可以作为浏览器不识别的内容加入到文档中。
<img> <iframe class="interactive tabbed-standard" frameborder="0" height="250" src="https://interactive-examples.mdn.mozilla.net/pages/tabbed/img.html" width="100%" style="margin: 0px; padding: 10px; border: 1px solid rgb(234, 242, 244); max-width: 100%; box-sizing: border-box; background-color: rgb(245, 249, 250); color: rgb(51, 51, 51); height: 445px; width: 871px;"></iframe>
<map> HTML <map> 属性<area> 属性一起使用来定义一个图像映射(一个可点击的链接区域).
<track> HTML <track> 元素 被当作媒体元素—<audio><video>的子元素来使用。它允许指定时序文本字幕(或者基于时间的数据),例如自动处理字幕。字幕格式有 WebVTT 格式.vtt格式文件)— Web 视频文本字幕格式,以及指时序文本标记语言(TTML)格式。
<video> HTML <video> 元素 用于在HTML或者XHTML文档中嵌入媒体播放器,用于支持文档内的视频播放。

内嵌内容

除了常规的多媒体内容,HTML 可以包括各种其他的内容,即使它并不容易交互。

元素 描述
<applet> HTML中的Applet元素(<applet>) 标志着包含了Java的applet。
<embed> HTML <embed> 元素将外部内容嵌入文档中的指定位置。此内容由外部应用程序或其他交互式内容源(如浏览器插件)提供。
<iframe> browsing context
<noembed> **<noembed>** 元素是个废除的和不标准的方式,用于向不支持 <embed> ,或者不支持作者希望的 嵌入式内容 的浏览器提供替代(或者“后备”)内容。这个元素在 HTML 4.01 起废除,以支持后备
<object>
<param> HTML <param>元素<object>元素定义参数
<picture> HTML <picture> 元素通过包含零或多个 <source> 元素和一个 <img> 元素来为不同的显示/设备场景提供图像版本。浏览器会选择最匹配的子 <source> 元素,如果没有匹配的,就选择 <img> 元素的 [src](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-src) 属性中的URL。然后,所选图像呈现在<img>元素占据的空间中。
<source> **HTML <source> **元素为 <picture>, <audio> 或者 <video> 元素指定多个媒体资源。这是一个空元素。它通常用于以不同浏览器支持的多种格式提供相同的媒体内容。

脚本

为了创建动态内容和 Web 应用程序,HTML 支持使用脚本语言,最突出的就是 JavaScript。某些元素支持此功能。

元素 描述
<canvas> <canvas>元素可被用来通过脚本(通常是JavaScript)绘制图形。比如,它可以被用来绘制图形,制作图片集合,甚至用来实现动画效果。你可以(也应该)在元素标签内写入可提供替代的的代码内容,这些内容将会在在旧的、不支持<canvas>元素的浏览器或是禁用了JavaScript的浏览器内渲染并展现。
<noscript> 如果页面上的脚本类型不受支持或者当前在浏览器中关闭了脚本,则在 HTML <noscript> 元素中定义脚本未被执行时的替代内容。
<script> HTML <script> 元素用于嵌入或引用可执行脚本。

编辑标识

这些元素能标示出某个文本被更改过的部分。

元素 描述
<del> HTML的<del>标签表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。<ins>标签的作用恰恰于此相反:表示文档中添加的内容。
<ins>

表格内容

这里的元素用于创建和处理表格数据。

元素 描述
<caption> HTML <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题, 它常常作为 <table> 的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被CSS样式化,所以,它同样可以出现在任何一个一个相对于表格的做任意位置。
<col> HTML <col> 元素 定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于<colgroup>元素内。
<colgroup> HTML 中的 表格列组(*Column Group *<colgroup>) 标签用来定义表中的一组列表。
<table> HTML的 **table **元素表示表格数据 — 即通过二维数据表表示的信息。
<tbody> <iframe class="interactive tabbed-taller" frameborder="0" height="250" src="https://interactive-examples.mdn.mozilla.net/pages/tabbed/tbody.html" width="100%" style="margin: 0px; padding: 10px; border: 1px solid rgb(234, 242, 244); max-width: 100%; box-sizing: border-box; background-color: rgb(245, 249, 250); color: rgb(51, 51, 51); height: 655px; width: 845px;"></iframe>
<td> The Table cell HTML element (<td>) defines a cell of a table that contains data. It participates in the table model.
<tfoot> **HTML 元素<tfoot> ** 定义了一组表格中各列的汇总行。
<th> HTML <th> 元素 [scope](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/th#attr-scope) and [headers](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/th#attr-headers) 属性
<thead> HTML<thead>元素定义了一组定义表格的列头的行。
<tr> HTML <tr> 元素定义表格中的行。 Those can be a mix of <td> and <th> elements.

表单

HTML 提供了许多可一起使用的元素,这些元素能用来创建一个用户可以填写并提交到网站或应用程序的表单。详情请参阅 HTML forms guide

元素 描述
<button> HTML <button> 元素表示一个可点击的按钮,可以用在表单或文档其它需要使用简单标准按钮的地方。
<datalist> HTML <datalist>元素包含了一组<option>元素,这些元素表示其它表单控件可选值.
<fieldset>
<form> HTML <form> 元素表示了文档中的一个区域,此区域包含有交互控制元件,用来向 Web 服务器提交信息。
<input> HTML <input> 元素用于为基于Web的表单创建交互式控件,以便接受来自用户的数据; 可以使用各种类型的输入数据和控件小部件,具体取决于设备和user agent
<label> HTML <label> 元素(标签)表示用户界面中某个元素的说明。
[<legend>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/legend "HTML的元素(也称为HTML的域说明元素(or HMTL
Legend Field Element))代表一个用于表示它的父元素<fieldset>的内容的标题。") HTML的<legend>元素(也称为HTML的域说明元素(or HMTL
Legend Field Element))代表一个用于表示它的父元素<fieldset>的内容的标题。</legend>
<meter> HTML <meter>元素用来显示已知范围的标量值或者分数值。
<optgroup> 在一个web表单中, **HTML元素 <optgroup> **会创建包含在一个 <select> 元素中的一组选项
<option> 在web表单中, HTML元素<option> 用于定义在<select>, <optgroup><datalist> 元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。
<output> HTML <output> 标签表示计算或用户操作的结果。
<progress> HTML中的progress (<progress>) 元素用来显示一项任务的完成进度.虽然规范中没有规定该元素具体如何显示,浏览器开发商可以自己决定,但通常情况下,该元素都显示为一个进度条形式.
<select> HTML <select> 元素表示一个控件,提供一个选项菜单:
<textarea> HTML <textarea> 元素表示一个多行纯文本编辑控件。

交互元素

HTML 提供了一系列有助于创建交互式用户界面对象的元素。

元素 描述
<details> HTML <details>元素可创建一个挂件,仅在被切换成展开状态时,它才会显示内含的信息。
<dialog> HTML <dialog> 元素表示一个对话框或其他交互式组件,例如一个检查器或者窗口。
<menu> HTML <menu> 元素呈现了一组用户可执行或激活的命令。这既包含了可能出现在屏幕顶端的列表菜单,也包含了那些隐藏在按钮之下、当点击按钮后显示出来的文本菜单。
<menuitem> 用户可以通过HTML <menuitem> 元素生成一个弹出式菜单。这包括上下文菜单,以及按钮可能附带的菜单。
<summary> **HTML <summary>元素 **用作 一个<details>元素的一个内容的摘要,标题或图例。

Web 组件

Web 组件是一种与 HTML 相关联(HTML-related)的技术,简单来说,它允许创建自定义元素,并如同普通的 HTML 一样使用它们。此外,你甚至可以创建经过自定义的标准 HTML 元素。

元素 描述
<content> HTML <content> 元素Web 组件 的技术套件的废弃部分 — 用于 Shadow DOM 内部作为 insertion point,并且不可用于任何正常的 HTML,现在已被 <slot> 元素代替,它在 DOM 中创建一个位置,Shadow DOM 会插入这里。
<element> <element>元素被定义在最新的 HTML DOM 元素中。</element>
<shadow> **HTML <shadow> 元素 **— Web 组件技术套件的废弃部分 — 目的是用作 Shadow DOM insertion point。如果你在 shadow host 下面创建了多个 shadow root,你就可能已经使用了它。在正常的 HTML 没有任何用处。
<slot> **HTML <slot>元素 **—是 Web Components 技术套件的一部分,是,
<template> HTML内容模板(<template>)元素是一种用于保存客户端内容机制,该内容在加载页面时不会呈现,但随后可以(原文为 may be)在运行时使用JavaScript实例化。

过时的和弃用的元素

警告:下面这些旧的 HTML 元素已被弃用,且不应再被使用。千万不要在新的项目中使用它们,并且要尽快替换旧项目中的残余。在此列出,仅供参考。

元素 描述
<acronym> HTML Acronym 元素 (<acronym>) 允许作者明确地声明一个字符序列,,它们构成一个单词的首字母缩写或简略语。
<applet> HTML中的Applet元素(<applet>) 标志着包含了Java的applet。
<basefont> HTML标签<basefont></basefont>用来设置文档的默认字体大小。使用<font>可以相对于默认字体大小进行变化。
<bgsound> <bgsound></bgsound>是IE浏览器中设置网页背景音乐的元素。
<big> The HTML Big Element (<big>) 会使字体加大一号(例如从小号(small)到中号(medium),从大号(large)到加大(x-large)),最大不超过浏览器的最大字体。
<blink> HTML Blink Element (<blink>)不是标准元素,它会使包含其中的文本闪烁。
<center> HTML Center 元素 (<center>) 是个 块级元素,可以包含段落,以及其它块级和内联元素。这个元素的整个内容在它的上级元素中水平居中(通常是 <body>)。
<command> command元素用来表示一个用户可以调用的命令.
<content> HTML <content> 元素Web 组件 的技术套件的废弃部分 — 用于 Shadow DOM 内部作为 insertion point,并且不可用于任何正常的 HTML,现在已被 <slot> 元素代替,它在 DOM 中创建一个位置,Shadow DOM 会插入这里。
<dir> 已废弃的 HTML 目录元素<dir>)被作为一个文件和/或文件夹的目录的容器,可能还有 用户代理 应用的样式与图标。
<element> <element>元素被定义在最新的 HTML DOM 元素中。</element>
<font> HTML Font 元素<font>)定义了该内容的字体大小、顏色与表现。
<frame> <frame> 是 HTML 元素,它定义了一个特定区域,另一个 HTML 文档可以在里面展示。帧应该在 <frameset> 中使用。
<frameset> <frameset> 是一个用于包含 <frame> 的 HTML 元素。
<image> HTML <image>元素曾经是一个试验性的元素,用来显示图片。它从未被实现过,请使用标准的<img>元素。
<isindex> **<isindex>元素**的作用是使浏览器显示一个对话框,提示用户输入单行文本。在W3C的规范中建议,<isindex>元素最好被放置在 <head> 标签块内,但是对于浏览器来说,<isindex>标签在页面任何位置都没有关系。
<keygen> HTML <keygen> 元素是为了方便生成密钥材料和提交作为 HTML form 的一部分的公钥.这种机制被用于设计基于 Web 的证书管理系统。按照预想,<keygen> 元素将用于 HTML 表单与其他的所需信息一起构造一个证书请求,该处理的结果将是一个带有签名的证书。
<listing> HTML 列表元素 (<listing>) 渲染了开始和结束标签之间的文本,而不会解释 HTML,并使用等宽字体。HTML2 标准建议,当一行不超过 132 个字符时,不应该将其拆开。
<marquee> HTML marquee 元素(<marquee>) 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。
<menuitem> 用户可以通过HTML <menuitem> 元素生成一个弹出式菜单。这包括上下文菜单,以及按钮可能附带的菜单。
<multicol> HTML<multicol> 元素是一个实验元素,旨在允许多列布局。它从来没有任何显着的牵引力,并没有在任何主流浏览器中实现。</multicol>
<nextid>
<nobr> HTML <nobr> 元素阻止文本自动拆分成新行,所以它展示为长的一行,可能还需要滚动。这个标签不是标准的 HTML,并且不应该使用。反之应该使用 CSS 属性
<noembed> **<noembed>** 元素是个废除的和不标准的方式,用于向不支持 <embed> ,或者不支持作者希望的 嵌入式内容 的浏览器提供替代(或者“后备”)内容。这个元素在 HTML 4.01 起废除,以支持后备
<noframes> <noframes> 是个 HTML 元素,用于支持不支持 <frame> 元素的浏览器,或者这样配置的浏览器。
<plaintext> HTML 纯文本元素 (<plaintext>) 将起始标签后面的任何东西渲染为纯文本,不会解释为 HTML。它没有闭合标签,因为任何后面的东西都会看做纯文本。
<shadow> **HTML <shadow> 元素 **— Web 组件技术套件的废弃部分 — 目的是用作 Shadow DOM insertion point。如果你在 shadow host 下面创建了多个 shadow root,你就可能已经使用了它。在正常的 HTML 没有任何用处。
<spacer> <spacer> 是过时的 HTML 元素,它可以向页面插入间隔。它由 Netscape 设计,用于实现单像素布局图像的相同效果,Web 设计师用它来向页面添加空白,而不需要实际使用图片。 但是,<spacer> 不再受任何主流浏览器支持,并且相同效果可以简单由 CSS 实现。
<strike> HTML <strike> 元素(或者 HTML 删除线元素)在文本上放置删除线。
<tt> HTML 电报文本元素 (<tt>) 产生一个内联元素,使用浏览器内置的 monotype 字体展示。这个元素用于给文本排版,使其等宽展示,就像电报那样。使用 <code> 元素来展示等宽文本可能更加普遍。
<xmp> <xmp> 标签之间的内容不会被当作文档内容解析,而会被用等宽字体直接呈现。HTML2 规范建议,本标签中的内容应该具有足够容纳每行80个字母的宽度。

空标签

可替换标签

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容

  • 什么是HTML: HTML是Hyper Text Markup Language的缩写,即超文本标记语言(所谓超文...
    架构师Javaspring阅读 1,083评论 0 0
  • HTML、XML、XHTML 有什么区别 定义 HTML,超文本标记语言,是语法较为松散的、不严格的Web语言;X...
    馒头Mum阅读 301评论 0 1
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,615评论 0 7
  • 列表 无序列表 标签, 项 有序列表 标签, 项 自定义列表 -嵌套列表 块 块级元素,可用于组合其他HTML元素...
    汀沙云树晚苍苍阅读 509评论 0 1
  • HTML,XML,XHTML有什么区别 HTML全称HyperText Markup Language,即超文本标...
    魔王卡卡阅读 343评论 0 1