前端小白要搞懂什么是HTML,看这一篇就够了

本文是《HTML5与CSS3基础语法自学教程》的第一篇,首发于【前端课湛】微信公众号。

导读:本小节主要讲解 HTML 的基本信息,其中包含 HTML 概念、HTML 发展历程和 HTML 标准版本的发展历程。经过本小节的学习能够对 HTML 的含义有个初步的理解,为后续进一步学习 HTML 相关概念打下基础。html

1. 什么是 HTML

HTML 是个缩写形式,其全称为 Hyper Text Markup Language,翻译成中文的含义为 超文本标记语言。HTML 不是一门编程语言,而是一门标记语言,由于 HTML 是由一系列的 元素 组成,这些元素能够包含文本、超连接等不一样内容。前端

以下示例代码是展现了基本的 HTML 结构:编程

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>HTML基本结构</title>
</head>

<body>
  <h1>这是最基本的HTML结构</h1>
</body>

</html>
提示:上述示例代码的具体含义会在后续章节中进行讲解,这里仅做为展现。

想要对 HTML 的概念进一步了解的话,须要将概念分红 超文本标记语言 两部分进行分别学习。浏览器

1.1. 什么是超文本

首先,先来说一讲有关超文本的含义。HTML 最先是由文本发展而来的,关于文本咱们通常是比较熟悉的。例如咱们建立一个扩展名为.txt的文件,并编写以下示例内容:微信

这是一个文本文件。

这样就建立了一个文本文件。如今咱们将这个文本文件的扩展名修改成.html或者.htm,这样这个文本文件就变成了一个 HTML 文件。经过浏览器运行是能够显示这个 HTML 文件的内容了,以下图所示:编程语言

01-01.png

说明:上述示例中的 HTML 不是标准的 HTML。由于 HTML 的语法是松散型的,因此浏览器是能够正确解析并运行的。

随着 HTML 的发展,到目前为止已经不只仅是文本内容这么简单,还能够显示图片、连接、音乐,甚至视频等更复杂的内容。编辑器

1.2. 什么是标记语言

理解了 超文本 的含义,接下来咱们再来看看 标记语言 要如何来理解。首先,咱们来看这样的一个描述:ide

标记语言,是一种将文本以及文本相关的其余信息结合起来,展示出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其余信息(包括例如文本的结构和表示信息等)与原来的文本结合在一块儿,可是使用标记进行标识。
—— 摘自【百度百科】

百度百科上关于 标记语言 的描述是比较抽象地、比较难懂地。咱们能够这样简单地来理解 标记语言 的含义。标记语言 中的 标记 指的就是 HTML 中的元素(Element),而 HTML 就是由这样的一系列元素组成的,因此被称为 标记语言学习

以下图所示展现了一个 HTML 元素的结构:网站

01-02.png

注意:HTML 的元素是给定的。不管是 HTML 元素的数量,仍是 HTML 元素的做用都是固定不变的。换句话讲,咱们学习 HTML 简单来讲就是学习 HTML 元素的含义、做用以及用法等内容。

2. HTML 发展历程

理解了 HTML 的概念以后,咱们再来介绍有关 HTML 的发展历程。

提示:这部份内容了解便可,毕竟对咱们学习 HTML 自己是没有任何影响的。

早在 1989 年,蒂姆·伯纳斯-李为使世界各地的物理学家可以方便的进行合做研究,建立了使用于其系统的 HTML。蒂姆·伯纳斯-李 设计的 HTML 是以纯文字格式为基础,可使用任何文本编辑器处理,最初仅有少许标记(TAG)而易于掌握运用。

随着 HTML 使用率的增长,人们不知足只能看到文字。1993 年,仍是大学生的 马克·安德生 在他的 Mosaic 浏览器加入 <img> 标记,今后能够在 Web 页面上浏览图片。

但人们认为仅有图片仍是不够,但愿可将任何形式的媒体加到网页上,所以 HTML 得以不断地扩充和发展。

3. HTML 版本发展历程

自 1993 年以后 HTML 出现真正意义上的初版,发展到至今,经历了 5 个大版本的更新和迭代。具体每一个版本发布的时间以下:

  • 超文本标记语言(初版)—— 在 1993 年 6 月做为互联网工程工做小组(IETF)工做草案发布(并不是标准)
  • HTML 2.0 —— 1995 年 11 月做为 RFC 1866 发布,在 RFC 2854 于 2000 年 6 月发布以后被宣布已通过时
  • HTML 3.2 —— 1997 年 1 月 14 日,W3C 推荐标准
  • HTML 4.0 —— 1997 年 12 月 18 日,W3C 推荐标准
  • HTML 4.01(微小改进)—— 1999 年 12 月 24 日,W3C 推荐标准
  • HTML 5 —— 第一份正式草案已于 2008 年 1 月 22 日公布,正式版本发布于 2014 年 10 月 29 日

名词解释:

  • IETF 是简写形式,其全称为 The Internet Engineering Task Force,翻译成中文的含义为 互联网工程工做小组。成立于1985年末,是全球互联网最具权威的技术标准化组织,主要任务是负责互联网相关技术规范的研发和制定,当前绝大多数国际互联网技术标准出自IETF。
  • RFC 是简写形式,其全称为 Request For Comments,翻译成中文的含义为 请求评论。 是一系列以编号排定的文件,包含了关于 Internet 的几乎全部重要的文字资料。
  • W3C 指 万维网联盟(World Wide Web),1994 年 10 月在麻省理工学院计算机科学实验室由 蒂姆·伯纳斯-李 建立,是 Web 技术领域最具权威和影响力的国际中立性技术标准机构。

在 HTML 版本发展历程中,大部分的版本都离咱们远去了,也就是说咱们并不关心,而须要关心的是 4.01 和 5 这两个版本。5 版本是 HTML 目前最新版本,也就是咱们如今常说的 HTML5,并且如今学习 HTML 都是针对 5 这个版本进行学习的。

反而须要特别关心的是 4.01 版本。由于 4.01 版本依旧存在于一些较老的网站或者系统中,若是未来你的工做是对这些网站或者系统进行升级工做的话,那么就须要了解 4.01 这个版本的内容。

说明:在学习 HTML 的过程当中,还须要注意 4.01 版本和 5 版本之间的差别。主要内容就是更新到 5 版本以后,删除了哪些内容,新增了哪些内容等。

4. 总结

本小节从 HTML 的概念开始讲解,而后又讲解了 HTML 的发展历程和 HTML 版本的发展历程等内容。其中:

  • HTML 概念,咱们分红了 超文本标记语言 两方面进行具体讲解。这是有助于咱们理解 HTML 的含义。
  • HTML 发展历程,做为了解内容进行介绍。这部份内容知不知道,是不影响咱们学习 HTML 具体的语法内容的。
  • HTML 版本的发展历程,主要经历了 5 个版本的发展。其中,咱们须要关注的是 4.01 和 5 这两个版本的具体内容,这两个版本关系到咱们未来的学习和工做。

预告:下一节,咱们将经过建立第一个 HTML 页面,来学习 HTML 的基本结构、声明、元素以及注释等内容。

做者二维码.png

相关文章
相关标签/搜索