HTML 简介

HTML 全称“超文本标记语言”，是 HyperText Markup Language 的缩写，是一种用于创建网页的标准标记语言。

因特网和万维网

“因特网（the Internet）”指的是全球范围的计算机，彼此连接在一起、并且能够发送和接收数据，以接近光速的速度在世界各地来回传送信息。

“万维网（the World Wide Web）”只是因特网的一个方面，它由因特网上不同计算机上的无数文件和文档组成，这些交叉引用、彼此连接着的文件和文档组织成了一张世界范围的信息大网，万维网由此得名。

HTML 的由来

万维网发展至今，Web 已经可以承载文字、图像、视频和音频等多种信息，提供着引人入胜的互动体验，它使用的文本通常编码为 HTML。

什么是 HTML

HTML 全称“超文本标记语言”，是 HyperText Markup Language 的缩写。

所谓超文本，指它可以加入图片、声音、动画、多媒体等内容。不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地的主机里的文件连接。

HTML 不是一种编程语言，而是一种标记语言。

HTML 规则

当使用 HTML 创建 Web 时，必须遵守特定的规则，因为 HTML 中的各种要素必须按照特定方式组织起来才能正确发挥作用。

这些规则由万维网协会（World Wide Web Consortium，缩写为W3C）负责维护。

W3C 是一个非盈利组织，它制定了用以构建 Web 的许多公开的技术标准，它们统称为 Web 标准。

HTML 是一个免费、公开的标准，不属于、也不受控于任何公司和个人。不需要购买许可，也不需要使用特别的软件来创建 HTML 文档。

HTML 标签

HTML 标签是尖括号（< 和 >）包围的关键词，比如 <html>、<h1>、<p>、<li>、<img> 。

HTML 标签通常成对出现，比如 <html></html>、<h1></h1> 。

标签对中第一个标签被称之为开始标签（start tag）或开放标签（opening tag），第二个标签被称之为结束标签（end tag）或闭合标签（closing tag）。

第一个尖括号 < 表示标签开始，第二个尖括号 > 表示标签结束，两者之间的内容则为标签名（tag name）。

标签包围着文本片段，将文本片段与其他部分区分开来，并且表明了所“标记”的文本的功能和用途，如 <h1>我是标题一</h1> 。

标签被直接嵌入文本文档，其自身不会被显示，只会显示其包围的内容。

HTML 元素

元素可以分为三大基本类型：

块级元素（block level element），独占一行。
行内元素（inline level element)，其所在的行，还可以有其他行级元素。
行内块元素（inline block element），同时具备行内元素和块级元素的特征，其所在的行还可以有其他行内块元素或行内元素。

有关 HTML 元素的详细介绍，请访问 HTML 元素。

HTML 网页结构

下面是一个可视化的 HTML 页面结构：

<html>

<head>

<head>

<body>

<p>这是一个段落</p>

<p>这是另一个段落</p>

<body>

<html>

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML 的发展

HTML最初出现在 20 世纪 90 年代早期，它基于已有的标准通用语言（Standard Generalized Markup Language，SGML），专为标记用于新生的万维网的文档而设计。

从最初的非标准化的超文本标记语言诞生后，HTML 已经更新了多个版本：

版本	时间
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.0	1996
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

每个版本都有其对应的声明：<!DOCTYPE>

<!DOCTYPE> 声明

<!DOCTYPE> 是 HTML 文档的类型声明，由于网络上文件的类型不一，因此需要正确声明 HTML 版本，使得浏览器能够正确识别并显示网页内容。

<!DOCTYPE> 声明位于文档最前面的位置，处于 <html> 标签之前。

<!DOCTYPE> 声明不是一个 HTML 标签，它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。

<!DOCTYPE> 声明是不区分大小写的，以下方式均可使用：

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

总是给 HTML 文档添加声明，可确保浏览器能够预先知道文档类型。

HTML5 版本声明

HTML5 只规定了一种 <!DOCTYPE> 声明：

<!DOCTYPE html>

HTML 4.01 版本声明

HTML 4.01 规定了三种不同的声明，分别是：Strict、Transitional 和 Frameset 。

Strict：严格类型，已废弃的特性被彻底禁用。
Transitional：过渡类型，比Strict略微宽松，它允许存在一些过时的特性。
Frameset：框架类型，它使得页面可以被分割为多个方格，每个方格显示不同的文档，这在 Strict 和 Transitional 中已经被废弃。

HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 版本声明

XHTML 1.0 也规定了三种不同的声明，分别是：Strict、Transitional 和 Frameset 。

Strict：严格类型，已废弃的特性被彻底禁用。
Transitional：过渡类型，比Strict略微宽松，它允许存在一些过时的特性。
Frameset：框架类型，它使得页面可以被分割为多个方格，每个方格显示不同的文档，这在 Strict 和 Transitional 中已经被废弃。

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

如何访问 Web

可以访问 Web 的设备有很多：台式计算机、笔记本电脑、移动电话等，但无论是哪种设备，都要借助于为解释 HTML 而设计的软件。

这些软件在技术上被称为用户代理（user-agent），但其更为人熟知的名称是 Web 浏览器（Web browser）。

Web 浏览器

Web 浏览器有：IE、Edge、Firefox（火狐）、Chrome（谷歌）、Safari、Opera（欧朋）等。

Web 浏览器的作用是读取 HTML 文件，并将其作为网页显示。

Web 浏览器不会直接显示 HTML 标签，而是通过解析标签，来决定如何向用户展现 HTML 页面的内容。

什么是 URL

URL 是一个网页地址，一般我们称为网址。

可以在 Web 上访问的每一个文件或文档都具有一个唯一的地址，这个地址称为统一资源定位符（Uniform Resource Locator，URL)。

浏览器使用这种地址在一台特定的服务器上找到一个特定的文件。

URL 的构成

Web URL遵守一种标准的语法，它可以被分解为几个主要部分，其中每个部分都向客户端和服务器传达着特定的信息，如下图：

协议（protocol）用来控制数据在因特网上的传输方式：超文本传输协议（HyperText Transfer Protocol，HTTP）。
主机名（hostname）是向浏览器提供文件的站点的名称，即域名（domain name）。
实际上每台连接到因特网的服务器都有一个唯一的 IP 地址，形如："65.19.150.101”，只是因为这一串数字不好看也不好记，所以才有了域名，它将因特网上的通信导向一个 IP 地址。
路径（path）代表请求的文档所在的目录，就像我们自己在计算机上保存文件时所指定的目录一样。
文件中的扩展名通常为 “.html” 或者 “.htm” ，但建议统一使用 “.html” 。但并非每个 URL 都有一个文件名，如果请求一个目录而不指定文件名，多数 Web 服务器都会自动定位到一个特别命名的文件，这个文件可能叫 index.html 或 default.html 。

有关 HTML URL 的详细介绍，请访问 HTML URL 。

Bjb Code