HTML入门笔记[1]:HTML简介

211 阅读4分钟

HyperText Markup Language(HTML, 译名“超文本标记语言”),是网络世界的基石,它确定了网页的内容和结构。 Hypertext指以超链接的方式构成的网状文本,连接单个网站内或多个网站的链接,也可以将超文本理解为一种表现文本间关系的用户界面范式。HTML顾名思义就是Hypertext的一种“标注”,用以告知浏览器网页的架构和内容。
(所以上面到底说了些什么... ...)

简单来说,HTML就是网页内容,定义了网页内容的含义和结构(而网页的表现形式和功能则由CSS和JavaScript负责)。

1. HTML的诞生

HTML之所以成为HTML,要从上网这件事说起。
当我们使用浏览器访问网站时,其实是实现了浏览器(客户端)与服务器(当然也会包含数据库)的信息交流:浏览器向服务器发送请求,服务器响应浏览器的请求


比如我们在浏览器网页栏输入www.baidu.com,我们的浏览器就会向百度的服务器发送请求,而百度的服务器接收请求之后,就会将我们请求的信息(网页)发送给我们。这个过程看似很容易,但其中存在很多问题:
数据沟通频繁的话,服务器要怎么保证响应的正确性?
服务器要怎么找到对应的浏览器
... ...

如果浏览器和服务器都说一样的“话”,这些问题都会迎刃而解。
所以万维网之父蒂姆·贝纳斯·李(TimBemers-Lee)提出了HTTP协议的概念,规范了请求和响应的格式。形象化的HTTP协议大概是下面的样子:

在HTTP协议的header中,第一行的“200 ok”是一个状态码,说明服务器的响应为“成功找到你请求的东西”,而我们常看到的“404 Not Found”就是服务器的响应“我没有找到你请求的东西”。
第二行的Content-Type则申明了HTTP响应所包含的文件类型,可以是文字、图像、视频、音频等等,这样浏览器收到HTTP响应时才能正确解读。

所以HTML和这些有什么关系呢?
相信你已经看到了,HTTP协议的body,就是一个HTML文件,而HTML就是浏览器解读服务器HTTP响应的语言。

2. HTML的发展

1980年,物理学家蒂姆·贝纳斯·李(是的,他是物理学家)在欧洲核子研究中心(CERN)在承包工程期间,他提出并创建了ENQUIRE,以便CERN的研究人员使用并共享文档。
1989年,李在一份备忘录中提出了一种基于互联网的超文本系统,并在1990年底写出了浏览器和服务器的软件。
1991,HTML的原型诞生。
1993年,李提出了首个HTML规范草案(可以看做HTML 1.0)。
1996年,HTML 3.2 于1996成为W3C联盟的推荐标准,而HTML也于2000年成为国际标准(ISO/ IEC15445:2000)。

目前最新的HTML标准为HTML 5(HTML 5和H5手机页面完全不一样)。 2004年,网页超文本应用技术工作小组(WHATWG)开始开发HTML 5规范,并在2008年与W3C共同交付,2014年10月28日作为W3C推荐标准发布。

3. HTML基础语法

HTML不是一门编程语言HTML其实和markdown差不多
HTML语言对网页的内容进行“标记”,这样浏览器就会根据“标记”,对网页进行组织,实现网页的呈现。 比如下面这段HTML:

<h1>我是一个标题</h1>
<p style="color:green;">这是一段绿色的文字</p>
<h2>我比第一个标题小,但是我也是个标题</h2>

而你在浏览器里看到的会是:


我是一个标题

这是一段绿色的文字

我比第一个标题小,但是我也是个标题


HTML在语法上采用"<>"尖括号表示标签,通过标签包裹需要呈现的内容。
<p>我是个暴脾气的段落元素</p>
上面的HTML语句声明了一个段落元素: “我是个暴脾气的段落元素”这一文本被<p></p>两个标签包裹,p说明了“我是个暴脾气的段落”该元素为段落元素,而<p></p>则分别为该元素的“开始标签(Opening tag)”和“结束标签(Closing tag)”。 文本“我是个暴脾气的段落元素”为元素的内容(content)。 每个HTML元素(Element)都由以上三个部分组成。