HTML 简介

HTML

HTML 是 Hyper Text Markup Language 的简称,中文翻译为超文本标记语言。我觉的这个翻译很好,重点在于超文本以及标记两个词汇。超文本应该是个舶来词,不知道第一次是谁翻译的,反正正常人第一次接触很容易让人云里雾里,我怀疑这个第一次这么翻译的人看超人看多了。去搜一下,这个“超”其实是超链接的意思,这么看来应该怪罪于这个超链接的翻译者了。我又查了查,想知道这个“超”字体现在哪里?大概是因为“超过”了原有链接的本意,因为据说超链接可以弄出三个分类来:内部链接,外部链接以及锚点链接,并且这个超链接不仅仅可以链接文本,还可以链接图像、链接邮箱、甚至链接视频,这可能就是“超”的由来了。

本质上我个人更多的感觉“超文本”本意就是带有链接的文本,这个链接的内容是随着时代的发展而进步的,过去链接的是文本,现在可能链接的是视频,未来谁知道会不会链接别人的思想呢?可能发明者的本意就是为了创建一个直观的、方便的、一种存在于互联网的网状结构体系,因为在现实中,知识的原始体现就是如此,要不然为啥思维导图咋那么火呢?

到目前为止,HTML 可以说是伴随着万维网的一生,最开始是由一个名字叫做 Tim Berners-Lee 的英国人在欧洲的核物理实验室中发明出来的,随后慢慢的推广到全世界。万维网发明之前,其实超链接这个概念就已经存在了。HTML 的出现更像是一种新瓶装旧酒,将这种超链接的形式移植到互联网上,得益于互联网的发展而兴起的,而 Tim Berners-Lee 可能就是那头风口的“猪”,不过貌似它本人并没有因此而发家致富,可能风太大了,他本人也没有想到。

HTML 出现的早期,互联网并没有现在这么发达,那个时候的计算机并不是现在这样可视话的界面,所有的操作都是以终端命令的形式完成的,所以最终发明出来的东西感觉上也是非常简陋,下面就是当时访问的画面:

终端命令

其实现在你仍然可以访问万维网的第一个网站

这个网站表面上看起来很简单,但是他不仅创新性的发明了万维网这个概念,而且打造了万维网所必须的基础设施,web 服务端web 客户端以及它们二者相互通信的 HTTP 协议

HTML 语言属于 web 客户端的一部分,用来标记网站的内容属性。当然初期主要是为了链接不同的网站或者文章,后来随着互联网的发展,网站的内容更加丰富,而 HTML 就像是一个“筐”,什么都可以往里装,那时候为了丰富网站的样式,各种样式标签不断被发明出来,直到另一种语言 CSS 的出现。

因为人们发现,HTML 太乱了,并且它自身有很大的局限性,这个过程是一个先做加法,在做减法的过程,本质上人们发现需要将网站的样式和结构拆分开,HTML 负责网站的结构。主要作用是标记网站内容的语义属性,简单的理解就是为了帮助人或者机器理解网站的内容,通过标签的形式标注网站的哪一部分是网站的头部,哪一部分是网站的尾部,哪一部分是标题,哪一部分是内容等等。

而 CSS 语言主要抽离了 HTML 原本的样式属性,负责修饰网站结构的样式,说白了就是给 HTML 标签“装修”,是黑色的背景白色的内容,还是图片背景灰色内容?网站的样式描述逐渐的从 HTML 转移到 CSS 语言上。

大部分学过 HTML 的人都会说它很简单,主要原因是写 HTML 只需要知道哪一部分用什么标签就可以了,即使用错了,大概率也啥事没有,只是可能会导致网站的默认样式有点奇怪或者 SEO 排名受些影响而已。

前者对应的是人的视觉,你可以用 CSS 改回来,人是很难发现的,也没人会在意你用的是哪个 HTML 标签;后者是机器,是搜索引擎的爬虫,对应的是机器视觉,机器视觉的理解是由算法决定的,它们首先可能会去理解 HTML 的语义,假如它看到一个 HTML 的段落标记,它可能就会按照网站内容语义去理解,但是假如咱们用 CSS 把它改成了标题样式,那爬虫就有点懵逼了,并且有些时候,它可能会觉得你在作弊,例如你用白色文字隐藏一些关键词之类的,最后的结果就不好说了。

除了上面这两种之外,实际上还有一类,就是弱势群体,例如有眼疾的,它们可能靠听力阅读网站,而播报网站内容的是软件,很有可能这种软件不会去解析 CSS,而直接播报网站 HTML 标记的内容,你不按照标准来,显然会增加这些人的理解难度,所以理解 HTML 标签标记什么内容,正确的使用它们还是有意义的。

HTML 从 1989 年出现以来,已经超过三十来年了,最新的标准是 2014 年的 HTML5。本教程的内容就是以 HTML5 为核心,介绍一些 HTML 常用的标签和属性的知识。到目前为止 HTML5 一共包含大约 110 多个标签,加上废弃的和不推荐的大约 150 个左右,具体可以查看 HTML5 标签表。咱们还是按照最小知识栈的理论,学习核心的必要的知识即可,其它的标签内容,等到需要的时候查文档使用就好。废话不多说咱们现在就开始吧!

大佬,给点反馈?

平均评分 / 5. 投票数:

很抱歉,这篇文章不能帮助到你

请让我们改进这篇文章

告诉我们我们如何改善这篇文章?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top