HTML及相关概念简单介绍

本是古典何须时尚 2021-12-09 05:01 377阅读 0赞

## 1、什么是W3C？ ##

W3C全称为[**W**orld **W**ide **W**eb **C**onsortium][W_orld _W_ide _W_eb _C_onsortium]，中文翻译“万维网联盟”，由互联网创始人[蒂莫西·约翰·伯纳斯-李（李爵士）][-]创办，为解决各种不同浏览器内核带来的标签不兼容，减少开发人员对于不同浏览器之间的开发成本，保障网络信息的顺利和完整流通，制定一系列标准并督促网络应用开发者和内容提供者遵循其标准的**半自治非政府组织**。

## 2、什么是MDN? ##

MDN的全称为[**M**ozilla **D**eveloper **N**etwork（维基百科）][M_ozilla _D_eveloper _N_etwork]，  
翻译过来是“mozilla开发者网络”，  
是由Mozilla基金会开发的网络技术开发文档指南网站[MDN Web Docs][]。

补充：

1.  Mozilla并不是一个单词，而是由命令行代码`moz://a`转换而来
2.  [Mozilla基金会的维基百科][Mozilla]

## 3、 什么是空标签？ ##

在这个问题之前，我们应该了解一下什么是标签。  
HTML标签由一对尖括号`<`和`>`组成，通常是成对出现，例如`<p>`和`</p>`，`<div>`和`</div>`等等。  
在一对标签内的内容会被浏览器识别，显示在浏览器窗口中，若标签内没有任何内容，则浏览器不会显示任何内容，也不会为这些标签保留位置。

--------------------

还有少部分并不需要在标签内输入任何内容，而是靠修改标签属性来产生效果标签的标签，例如较为常用的`<br>` ，`<img>`和`<input>`，就是**空标签**。  
HTML的空标签共有以下十七种  
`<area>`，`<base>`，`<br>`，`<col>`，`<colgroup>`，`<command>`，`<embed>`，`<hr>`，`<img>`，`<input>`，`<keygen>`，`<link>`，`<meta>`，`<param>`，`<source>`，`<track>`，`<wbr>`。

补充：

1.  [HTML标签（元素）的维基百科][HTML]
2.  [空标签（元素）的MDN docs][MDN docs]

## 4、 什么是可替换标签？ ##

首先应该注意，可替换标签并不是HTML中的概念，而是在**CSS**（**C**ascading **S**tyle **S**heets，级联样式表）中对HTML标签的一种分类。  
这类标签不同于其他标签，除位置和定位方式外，其展现效果不由CSS来控制。

常规意义上的可替换标签有以下四种:`iframe`，`video`，`embed`，`img`。  
其中还有一些标签仅在特定情况下被作为可替换标签，例如:`option`，`audio`，`canvas`，`object`，`applet`等。  
补充：  
[CSS的MDN docs][CSS_MDN docs]  
[可替换标签（元素）的MDN docs][MDN docs 1]

## 5、HTML 所有标签列表 ##

[HTML参考手册—w3school][HTML_w3school]

[W_orld _W_ide _W_eb _C_onsortium]: https://zh.wikipedia.org/wiki/%E4%B8%87%E7%BB%B4%E7%BD%91%E8%81%94%E7%9B%9F
[-]: https://zh.wikipedia.org/wiki/%E8%92%82%E5%A7%86%C2%B7%E4%BC%AF%E7%BA%B3%E6%96%AF-%E6%9D%8E
[M_ozilla _D_eveloper _N_etwork]: https://zh.wikipedia.org/wiki/MDN_Web_Docs
[MDN Web Docs]: https://developer.mozilla.org/zh-CN/
[Mozilla]: https://zh.wikipedia.org/wiki/Mozilla%E5%9F%BA%E9%87%91%E6%9C%83
[HTML]: https://zh.wikipedia.org/wiki/HTML%E5%85%83%E7%B4%A0
[MDN docs]: https://developer.mozilla.org/zh-CN/docs/Glossary/%E7%A9%BA%E5%85%83%E7%B4%A0
[CSS_MDN docs]: https://developer.mozilla.org/zh-CN/docs/Learn/CSS
[MDN docs 1]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element
[HTML_w3school]: http://www.w3school.com.cn/tags/index.asp