超文本标记语言

W3C简介

万维网联盟World Wide Web
Consortium
W3C),又称W3C理事会,是万维网”)的重要国际标准社团
天下资讯网社团*(World Wide Web
Consortium,W3C)是维护[网路相关]规则与架构的国际单位。
它由 420
六个开发网路标准、经营宣传计画、还有维护网路相关的当众谈论会……等成员协会结合。W3C
的业界协调公司担保它们举办相同的 W3C 标准。
各类专业都会有六个成熟过程:工作草桉(Working
Draft、WD)、候选推荐标准(Candidate
Recommendation、CR)、提桉推荐标准(Proposed Recommendation、PR)、以及
W3C 推荐标准(W3C Recommendation、REC)。

HTML(超文本标记语言) 的本子(W3C 协会制订标准),W3C
指万维网联盟(World Wide Web Consortium),W3C 创建于1994年10月,W3C
由 Tim Berners-Lee 创建,W3C 是一个会员协会,W3C 的干活是对 web
举办规范,
W3C 创设并体贴 WWW 标准,W3C 标准被誉为 W3C 推荐(W3C
规范)。

MDN

MDN Web
Docs
是一个会聚众多[Mozilla基金会]出品和网络技术开发文档的免费网站该品种始于二零零五年,最初由Mozilla公司员工Deb
理查德(Richard)son领导。自二零零六年来说,文档工作由Eric(Eric) Shepherd领导

*  平常自学HTML的学识可以从MDN(Mozilla Developer
Network)这多少个网站上读书,https://developer.mozilla.org,由于条件的限制,翻墙工具不好使,想看MDN简介的可以去谷歌搜索维基百科,在维基百科里可以看到关于MDN的简介内容。*

HTML标签

下边给我们列一些规则的 HTML5 元素,

文档元数据

元数据(Metadata)含有页面的连锁音讯,包括样式、脚本及数量,能帮忙一些软件
(如查找引擎
浏览器等等)更好地接纳和渲染页面。对于样式醒感戏本的元数据,可以一贯在网页里定义,也可以链接到含有相关音讯的外表文件。

元素 描述
<link> HTML <link>元素指定了外部资源与当前文档的关系. 这个元素的使用方法包括为导航定义关系框架.这个元素经常用来链接css文件。
<meta> HTML <meta>元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style><title>) 之一表示的任何元数据信息.
<style> HTML的<style>元素包含了文档的样式化信息或者文档的一部分。指定的样式化星系包含的该元素内,通常是CSS的格式。

根元素:<html>,代表 HTML 或 XHTML
文档的根。其他具备因素必须是以此因素的子节点。

情节分区

内容分区元素允许你将文档内容从逻辑上进展集团划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素,来为页面内容成立明确的纲要,以便区分各样章节的情节。

元素 描述
<address> HTML <address>元素可以让作者为它最近的<article>或者<body>祖先元素提供联系信息。在后一种情况下,它应用于整个文档。
<article> <article>元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
<aside> *<aside> *元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者嵌入内容。他们通常包含在工具条,例如来自词汇表的定义。也可能有其他类型的信息,例如相关的广告、笔者的传记、web 应用程序、个人资料信息,或在博客上的相关链接。
<footer> HTML <footer> 元素表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
<header> <header>元素表示一组引导性的帮助,可能包含标题元素,也可以包含其他元素,像logo、分节头部、搜索表单等。
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> 标题(Heading)元素拥有六个不同的级别,<h1> 是最高级的,而 <h6>则是最低的级别。 一个标题元素能简要描述该节的主题。标题信息可以由用户代理可以使用,例如,自动构造某个文档中的内容表(就像本文档右边浮动栏一样)。
<hgroup> HTML <hgroup> Element (HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。
<nav> HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.
<section> HTML Section 元素 (<section>) 表示文档中的一个区域(或节),比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题 (<h1><h6> element) 作为子节点 来 辨识每一个<section>。

文档元素:

文件内容

使用 HTML 文本内容元一向集团在开标签
<body>
和闭标签
</body> 里的块或章节的始末。那多少个元素能标识内容的主题或社团,而这对于
accessibility

SEO
很重要。

元素 描述
<blockquote> HTML中的

要素(或者 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元素(<main>)显示了文档<body>或行使的重点部分。主体部分由与文档直接有关,或者扩展于文档的核心核心、应用的要害功能部分的情节结合。这有的内容在文档中应有是绝无仅有的,不分包其他在一多元文档中再次的情节,比如侧边栏,导航栏链接,版权音讯,网站logo,搜索框(除非搜索框作为文档的关键功用)。</main>
|
|
<ol>
| HTML <ol> 元素 表示六个有体系表项,平时渲染为有带编号的列表。
|
|
<p>
| HTML <p>要素(或者说 HTML
段落元素)表示文本的一个段落。该因素平常表现为一整块与邻近文本分离的文本,或以垂直的空域隔离或以首行缩进。此外,<p>
块级元素
|
|
<pre>
| HTML <pre>
元素表示预定义格式文本。在该因素中的文本平常遵照原文件中的编排,以等宽字体的情势展现出来,文本中的空白符(比如空格和换行符)都会展现出来。(紧跟在
<pre> 起先标签后的换行符也会被概括) |
|
<ul>
| The** HTML <ul> 元素** ( 或 HTML 无连串表元素)
代表多项的无体系表,即无数值排序项的聚合,且它们在列表中的顺序是没有意义的。平日状态下,无连串表项的头顶可以是三种样式,如一个点,一个圆形或方形。头部的风格并不是在页面的HTML描述定义,
但在其连带的CSS 可以用
list-style-type
属性。 |

<head>
代表有关文档元数据的一个集合,包括剧本或样式表的链接或内容。

内联文本语义

使用 HTML 内联文本语义(Inline text
semantics)定义语句,结构,可以是一个词,一段,或随意风格的文字。

元素 描述
<a> HTML <a>元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
<abbr> HTML <abbr>元素代表缩写,并可选择提供一个完整的描述。
<b> HTML <b>元素表表示相对于普通文本字体上的区别,但不表示任何特殊的强调或者关联,通常以粗体显示。
<bdi> HTML <bdi> 元素 (双向隔离元素) 会隔离可能以不同方向进行格式化的外部文本。
<bdo> <bdo> 元素 (HTML双向覆盖元素)用于覆盖当前文本的朝向,它使得字符按给定的方向排列。
<br> HTML 元素* 换行*<br> 在文本中产生一个换行(回车键)。这对于写诗或写一个地址来说显得很有用。它可以将行明显地分开。
<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 *标签代表突出显示的文字,例如可以为了标记特定上下文中的文本而使用这个标签. 举个例子,它可以用来显示搜索引擎搜索后关键词。
<nobr> HTML <nobr> 元素阻止文本自动拆分成新行,所以它展示为长的一行,可能还需要滚动。这个标签不是标准的 HTML,并且不应该使用。反之应该使用 CSS 属性
<q> HTML引用标签 (<q>)表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代.
<rp> HTML <rp> 元素用于为那些不能使用 <ruby> 元素展示 ruby 注解的浏览器,提供随后的圆括号。
<rt> HTML <rt> element 包含字符的发音,字符在 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="font-style: normal !important; margin: 0px; padding: 0px; border: 0px;">元素將使文本的字体变小一号。(例如从大变成中等,从中等变成小,从小变成超小)。在HTML5中,除了它的样式含义,这个元素被重新定义为表示边注释和附属细则,包括版权和法律文本。</small>
<span> HTML <span> 元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span><div> 元素很相似,但 <div> 是一个 块元素<span> 则是 行内元素.
<strong> Strong 元素 (<strong>)表示文本十分重要,一般用粗体显示。
<sub> HTML <sub> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更低并且更小。
<sup> HTML <sup> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更高并且更小。
<time> HTML time 标签(<time>) 用来表示24小时制时间或者公历日期,若表示日期则也可包含时间和时区。
<u> HTML <u> 元素使文本在其内容的基线下的一行呈现下划线。在HTML5中, 此元素表示具有未标注的文本跨度,显示渲染,非文本注释,例如将文本标记为中文文本中的专有名称(一个正确的中文标记), 或 将文本标记为拼写错误。
<var> <var> 标签表示变量的名称,或者由用户提供的值。
<wbr> **HTML <wbr> 元素 **— 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。

<title>
定义文档的题目,将显得在浏览器的标题栏或标签页上。该因素只可以分包文本,包含的价签不会被分解。

图形和多媒体

HTML 帮忙各类多媒体资源,例如图像,音频和录像。

元素 描述
<area> HTML <area> 元素 在图片上定义一个热点区域
<audio> **HTML <audio> **元素用于在文档中表示音频内容。 <audio> 元素可以包含多个音频资源, 这些音频资源可以使用 src 属性或者<source> 元素来进行描述; 浏览器将会选择最合适的一个来使用。对于不支持<audio>元素的浏览器,<audio>元素也可以作为浏览器不识别的内容加入到文档中。
<img> HTML Image 元素<img> )代表文档中的一个图像。
<map> HTML <map> 属性<area> 属性一起使用来定义一个图像映射(一个可点击的链接区域).
<track> HTML <track> 元素 被当作媒体元素—<audio><video>的子元素来使用。它允许指定计时字幕(或者基于事件的数据),例如自动处理字幕。
<video> HTML <video> 元素 用于在HTML或者XHTML文档中嵌入视频内容。

<base> 定义页面上针锋绝对 URL 的规格 URL。

内嵌内容

除却正常的多媒体内容,HTML 可以概括各样其他的始末,尽管它并不便于交互。

元素 描述
<applet> HTML中的Applet元素(<applet>) 标志着包含了Java的applet。
<embed> HTML <embed> 元素将外部内容嵌入文档中的指定位置。此内容由外部应用程序或其他交互式内容源(如浏览器插件)提供。
<noembed> **<noembed>** 元素是个废除的和不标准的方式,用于向不支持 <embed> ,或者不支持作者希望的 嵌入式内容 的浏览器提供替代(或者“后备”)内容。这个元素在 HTML 4.01 起废除,以支持
<object> HTML <object> 元素(或者称作 HTML 嵌入对象元素)表示引入一个外部资源,这个资源可能是一张图片,一个嵌入的浏览上下文,亦或是一个插件所使用的资源。
<param> HTML <param> 元素(或 HTML Parameter 元素) 定义了 <object>的参数
<picture> HTML <picture> 元素是一个容器,用来为其内部特定的 <img> 元素提供多样的 <source> 元素。浏览器会根据当前页面(即图片所在的盒子的容器)的布局以及当前浏览的设备(比如普通的屏幕和高清屏幕)去从中选择最合适的资源。
<source> The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video>element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.

<link> 用于链接外部的 CSS 到该文档。

脚本

为了创立动态内容和 Web 应用程序,HTML 襄助使用脚本语言,最突出的就是
JavaScript。某些因素援助此效率。

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

<meta> 定义其他 HTML 元素不可以描述的元数据。

编制标识

那个元素能标示出某个文本被改动过的一对。

元素 描述
<del> HTML 删除文字元素(<del>)表示已经从文档中删除的文本范围。此元素通常是(但不必)呈现删除线的文本。
<ins> HTML <ins> 元素定义已经被插入文档中的文本。

<style> 用于内联 CSS。

报表内容

此地的要素用于创设和拍卖表格数据。

要素在一个 元素中能够出现一个或者更多。

元素 描述
<caption> HTML <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题, 它常常作为 <table> 的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被CSS样式化,所以,它同样可以出现在任何一个一个相对于表格的做任意位置。
<col> HTML <col> 元素 定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于<colgroup>元素内。
<colgroup> HTML 中的 表格列组(*Column Group *<colgroup>) 标签用来定义表中的一组列表。
<table> HTML的 **table **元素表示表格数据 — 即通过二维数据表表示的信息。
<tbody> 这个 HTML 标签
<td> The Table cell HTML element (<td>) defines a cell of a table that contains data. It participates in the table model.
<tfoot>
<th> HTML <th> 元素
<thead> HTML<thead>元素定义了一组定义表格的列头的行。
<tr> HTML <tr> 元素定义表格中的行。 Those can be a mix of <td> and <th> elements.

脚本:

表单

HTML
提供了成百上千可一并利用的要素,这一个要素能用来成立一个用户可以填充并付诸到网站或应用程序的表单。详情请参阅
HTML forms
guide

元素 描述
<button> **HTML <button>元素 **表示一个可点击的按钮。能够在表单,或者 HTML 文档的任一需要按钮的位置。默认情况下 HTML 按钮会呈现与用户主机相似的样式,基于 user agent
<datalist> HTML Datalist 元素 (<datalist>) 包含了一组<option>元素,这些元素表示其它表单控件可选值.
<fieldset>
<form> HTML <form> ****元素 表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
<input> **HTML <input> **元素用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。
<label> HTML <label style="font-style: normal !important; margin: 0px; padding: 0px; border: 0px; cursor: pointer;">元素表示用户界面中项目的标题。</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 (<select>) 元素是一种表单控件,可创建选项菜单。菜单内的选项为[<option>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/option "在web表单中, HTML元素 <option> 用于定义在<select>, <optgroup> 或<datalist> 元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。") , 可以由 [<optgroup>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/optgroup "在一个web表单中, HTML元素 <optgroup> 会创建包含在一个 <select> 元素中的一组选项") 元素分组。选项可以被用户预先选择。
<textarea> HTML <textarea> 元素表示一个多行纯文本编辑控件。

<scrpit>,概念一个内联脚本或链接到外部脚本。脚本语言是
JavaScript。

相互元素

HTML 提供了一多样推进创立交互式用户界面对象的要素。

元素 描述
<details> HTML <details>元素被用作发现小部件,用户可以从其中检索附加信息。
<dialog> HTML <dialog> 元素表示一个对话框或其他交互式组件,例如一个检查员或窗口。
<menu> HTML <menu> 元素 呈现了一组用户可执行或激活的命令。这既包含了可能出现在屏幕顶端的列表菜单,也包含了那些隐藏在按钮之下、当点击按钮后显示出来的文本菜单。
<menuitem>
<summary> **HTML <summary>元素 **用作 一个<details>元素的一个内容的摘要,标题或图例。

<noscript> 定义当浏览器不帮忙脚本时展示的代表文字。

Web 组件

Web 组件是种恍若 HTML(HTML-related)
的技术,这使得它亦可,从精神上讲,创造和动用自定义元素,就好像它是平日的
HTML。另外,你甚至足以成立自定义版本的正规化 HTML 元素。

**注意: **Web组件的元素都在 World Wide Web
Consortium

(W3C) Web Components collection of
specifications

定义而不是 HTML 规范。其它,Web
组件规范还没有最终确定,随时有可能发生变动。

元素 描述
<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组件技术的一部分,slot是web组件的一个占位符,可以用来插入自定义的标记文本。可以创建不同的DOM树并进行渲染。
<template> **HTML <template>元素 **是一种用于保存客户端内容的机制,该内容在页面加载时不被渲染,但可以在运行时使用JavaScript进行实例化。

<template>通过 JavaScript 在运转时实例化内容的器皿。

空元素

一个空元素(empty element)或许是 HTML,SVG,或者 MathML
里的一个不可以存在子节点(例如内嵌的因素或者元素内的文书)的element

HTMLSVG

MathML
的正规化都详细定义了每个元素能包含的具体内容(define very precisely what
each element can contain)。许多重组是从未此外语义含义的,比如一个
<audio>
元素嵌套在一个
<hr>
元素里。

在 HTML 中,日常在一个空元素上采纳一个闭标签是不行的。例如,
<input type="text"></input> 的闭标签是没用的 HTML。

在 HTML 中有以下这一个空元素:

等等,具体的可以在MDN里面查看HTML5
标签列表
,我就不一一列举了。

可替换元素

CSS 里,可替换元素(replaced
element)
的显现不是由CSS来支配的。这几个因素是一类 外观渲染独立于CSS的
外部对象。 典型的可替换元素有
<img>
<object>
<video>

表单元素,如<textarea>
<input>
。 某些因素只在一部分独特情状下表现为可替换元素,例如
<audio>

<canvas>
。 通过 CSS
content
属性来插入的靶子 被称作 匿名可替换元素(*anonymous replaced
elements*)亚洲城ca88唯一备用,。

CSS在一些情况下会对可替换元素做特别处理,比如总计外边距和部分auto值。

亟待小心的是,一部分(并非所有)可替换元素,本身具有尺寸和基线(baseline),会被像vertical-align等等的一些
CSS 属性用到。

HTML中的有部分标签是空标签,什么是空标签呢?我的接头是没有内容的因素,是指没有子元素(包括文件)的要素。比如换行符<br>,它是用来换行的,没有其它内容,所以<br>标签是一个空标签。这就是本人的理解,我只是个刚开端学前端的小白,有咋样难堪的地点大家可以指正一下。

*  还有一些可替换标签,我搜了些资料是如此说的,CSS
里,可替换元素(replaced
element)
的显现不是由CSS来决定的。那么些要素是一类 外观渲染独立于CSS的
外部对象。 典型的可替换元素有 *

<img>,<object>,<video>,和
表单元素,如<textarea>,<input>。
某些因素只在一部分出奇境况下表现为可替换元素,例如<audio>和

<canvas>。 通过
CSS content 属性来插入的对象
被称作匿名可替换元素(anonymous replaced elements

CSS在好几情形下会对可替换元素做特殊处理,比如总结外边距和局部auto值。

需要注意的是,一部分(并非一切)可替换元素,本身有所尺寸和基线(baseline),会被像vertical-align等等的一些
CSS 属性用到。那些情节可能不完整,其他的可以去MDN或者局部博客去看,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图