本文主要介绍HTML(Hyper Text Markup Language)的相关知识。
1 概述
HTML，即超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。HTML文件的扩展名为htm（因为之前的文件系统最多只支持三位扩展名）或html。
超文本（Hyper Text）是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联，这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是位于地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源连接起来，便于人们查找、检索信息。HTML的“超文本”特性，主要指文本中包含了所谓“超级链接”点。
1.1 来源
HTML是由Web的发明者Tim Berners-Lee和同事Daniel W. Connolly于1990年创立的一种标记语言，它是SGML（Standard Generalized Markup language，即标准通用化标记语言）的应用。使用HTML编写的超文本文档称为HTML文档，它能应用于各种操作系统平台（如UNIX、Windows等）。使用HTML将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器将HTML文件“翻译”成可以识别的信息，即可获得用户端所见到的网页。
自1990年以来，HTML就一直被用作万维网（World Wide Web，简称www）的信息表示语言，HTML文件需要通过Web浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等内容显示出来。事实上，每一个HTML文档都是一个静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种“排版网页中资料显示位置”的标记结构语言。HTML的应用体现着超文本的技术：通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件进行链接。此外，HTTP（Hypertext Transfer Protocol，即超文本传输协议）规定了浏览器在运行HTML文档时应遵循的规则和需进行的操作，因此HTTP使浏览器在运行超文本时有了统一的规则和标准。
万维网上的一个超媒体文档称之为一个页面（page），一个组织或者个人在万维网上放置的开始的页面称为主页（Homepage）或首页，主页中通常包括指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，简称URL）指针，通过激活（点击）该指针，可使浏览器获取新的网页，这也是HTML获得广泛应用的最重要的原因之一。在逻辑上，将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。HTML就是为“创建网页和其它可在网页浏览器中看到的信息”而设计的一种标记语言。网页的本质就是HTML，通过结合其他的Web技术（如脚本语言、公共网关接口、组件等），可以创造出功能强大的网页，因此，HTML是Web编程的基础，万维网是建立在超文本基础之上的。
1.2 定义解释
HTML是SGML下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件的内容，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。需要注意的是，对于不同的浏览器，对同一标记符可能会有不同的解释，因而呈现出不同的显示效果。
2 版本信息
HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由CERN的Tim Berners-Lee发明。HTML基于更古老的语言SGML的一些定义，并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以HTML很早就得到各个Web浏览器厂商的支持。
HTML的版本信息如下：
- HTML 1.0：在1993年6月作为互联网工程工作小组（IETF）工作草案发布。
- HTML 2.0：1995年11月作为RFC 1866发布，于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：公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。
3 特点
HTML文档的编写不是很复杂，但其功能强大，支持不同数据格式的文件嵌入，这也是万维网盛行的原因之一。
HTML的主要特点如下：
- 简易性：HTML版本升级采用超集方式，从而更加灵活方便。
- 可扩展性：HTML的广泛应用带来了加强功能、增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
- 平台无关性：超文本标记语言可以使用在广泛的平台上，这是万维网盛行的另一个原因。
- 通用性：HTML是网络的通用语言，一种简单、通用的全置标记语言。无论使用的是什么类型的电脑或浏览器，都可以浏览HTML编写的网页。
4 编辑
4.1 编辑器
HTML实际上编写的是文本内容，它的编辑器大体可以分为以下几种：
- 文本、文档编辑软件：使用微软自带的记事本或写字板，或者WPS、Word等编写都可以，在保存时需要使用“.htm”或“.html”作为扩展名；
- 半所见即所得软件：如FCK-Editer、E-webediter等在线网页编辑器。另外推荐Sublime Text代码编辑器；
- 所见即所得软件：使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页。如万维网联盟的AMAYA、微软的FRONTPAGE、Adobe的Dreamweaver、微软的Microsoft Visual Studio，其中所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强，任何地方修改后只需要刷新即可立即显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。
4.2 字符集
除了常见的ASCII字符和汉字，HTML还有许多特殊字符，它们一起构成了HTML字符集。
有2种情况需要使用特殊字符：一是网页中有其特殊意义的字符；二是键盘上没有的字符。
HTML字符可以用一些代码来表示，代码可以有2种表示方式：字符代码（命名实体）和数字代码（编号实体）。字符代码以“&”符开始，以分号";"结束，其间是字符名，如“®”。数字代码以“&#”符开始，以分号";"结束，其间是编号，如“®”。
4.3 数据类型
HTML 定义了多种数据类型的元素内容（如脚本数据和样式表的数据）和众多类型的属性值，包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等，所有这些数据类型都是专业的字符数据。
4.4 编辑说明
在编辑HTML文件和使用有关标记符时，有一些约定或默认的要求，具体如下：
- 文本标记语言源程序的文件扩展名默认使用htm或html，以便于操作系统或程序辨认。
- HTML源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行。若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号（实体符）“ ”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。
- 标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束。大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同。许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可。一个标记元素的内容可以写成多行。
- 标记符号，包括尖括号、标记元素、属性项等，必须使用半角的西文字符，而不能使用全角字符。
- HTML注释由“<!--”号开始，由符号“-->”结束，例如“<!--注释内容-->”。注释内容可插入文本中任何位置。任何标记若在其最前插入感叹号，即被标识为注释，不予显示。
5 结构
一个网页对应着一个或多个HTML文件，标准的HTML文件都具有一个基本结构，这个基本结构包括以下内容：
- 开头与结尾标志；
- 头部；
- 实体。
下面具体介绍一下HTML文件的基本结构内容。
5.1 开头与结尾
HTML文件的开头，使用标记符“<html>”，用来说明该文件是用HTML来描述的。HTML文件的结尾，使用标记符“</html>”。
5.2 头部
标记符“<head>和</head>”分别表示头部信息的开始和结尾。
头部信息中包含页面的标题、序言、说明等内容，它本身不作为内容来显示，但是会影响网页显示的效果。
头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。
5.3 主体
标记符“<body>和</body>”分别表示主体内容的开始和结尾，网页中显示的实际内容均包含在这2个正文标记符（实体标记）之间。
5.4 示例
下面给出一个简单的 html 文本示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
...
</body>
</html>
扫一扫
273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
