初识HTML

最新推荐文章于 2026-01-04 20:02:54 发布

原创最新推荐文章于 2026-01-04 20:02:54 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html

前端基础专栏收录该内容

8 篇文章

订阅专栏

本文介绍了HTML在Web开发中的基础作用，提及了W3C（万维网联盟）和MDN（Mozilla开发者网络）这两个资源的重要性，详细列举了空标签和可替换标签的概念，以及如何通过MDN查找HTML标签的使用方法。

HTML

HyperText Markup Language 超文本标记语是构成 Web 世界的一砖一瓦。它描述并定义了一个网页的内容和基本布局。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。

一、W3C

World Wide Web consoftium(万维网联盟，又称W3C理事会），这是李爵士于1994年10月离开欧洲核子研究中心（CERN）后成立的一个组织，旨在通过制定的新标准并督促网络应用开发者和内容提供者遵循它，以此来解决网络应用中不同平台、技术和开发者带来的不兼容问题，保障网络信息的顺利和完整流通。从1997年开始，W3C在世界各地创建区域办事处，2013年，北京航空航天大学成为中国机构。

二、MDN

MDN Web Docs 旧称Mozilla Developer Network, 这是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。

这两个网站我们都可以在上面查阅到我们想知道的内容，比如当我需要时，利用MDN去查找我想知道的标签的语义及用法。

三、HTML所有标签列表

当然这个我们依然可从MDN和W3C中查到。

HTML 元素参考developer.mozilla.org/zh-CN/docs/Web/HTML/Element

四、空标签(empty element)

一个空标签，可能是html,svg或者mathml里一个不可能存在子节点（例如内嵌的元素或文本）的标签。

常见的空标签有：

<area> <base> <br> <col> <colgroup> when the span is present <command> <embed> <hr> <img> <input> <keygen> <link> <meta> <param> <source> <track> <wbr>

五、可替换标签（replaced element）

在CSS里，可替换元素的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有<img>、<object>、<video>和表单元素(如<textarea>、<input>)。某些元素只在一些特殊情况下表现为可替换元素，例如<audio>和<canvas>。通过CSS的content属性来插入的对象被称为匿名可替换对象(annoymous replaced elements)。 CSS在某些情况下会对可替换元素做特殊处理，比如计算外边距和一些auto值。需要注意的是，一部分（并非全部）可替换元素，本身具有尺寸和基线(baseline)，会被想vertical-align之类的一些CSS属性用到。