基础介绍

1、什么是 HTML

字面上的意思，HTML（Hyper Text Markup Language）超文本标记语言。是一种语言，但这里要注意的是，HTML 不是编程语言。编程语言通常会有类、变量之类的，HTML 没有，HTML 只是一种标记语言。

1.1 超文本

超文本，本质上还是一种文本，不过比一般的文本功能强大的多

普通文本只能包含文字，而超文本里可以包含音频、视频、游戏、链接、甚至程序等等。比普通文本强大的多，所以称之为超文本。

1.2 标记语言

HTML 中最重要的就是就是各种标记，标记指的是 HTML 中的语法。在 HTML 中所有的语法都是通过标记来实现的。标记因翻译不同，也称为标签、节点、元素等。

HTML 的核心是语义：我们之后在使用标签的时候，不需要考虑标签到底在网页中显示成什么效果，只需要注意标签本身的含义是什么。

那么怎么来表示标记呢。标记在 HTML 中用'any'表示。两个尖括号包住一个 any 字符。

例如：

<br>

上面的就是一个标签，这个标签标示在网页中的功能是换行，相当于键盘上的 enter 回车键。这样单个出现的标签叫做单标签，之后还会介绍成对出现的标签叫做双标签。

需要注意的是，在 HTML5 之前。单标签在使用时，需要在标签的最后加上"/"

例如上面的<br>标签，在老版本的 HTML 中就需要写成<br/>

所以有时我们在看到标签后有“/”时，那就是老版本的 HTML

2、HTML5 主体结构

2.1 如何创建 HTML

html 的创建非常简单，只需两步

第一步、空白处右击新建 txt 文本文档

第二部、将文本文档的后缀名.txt 修改成.html

之前老版本的时候,后缀名存在.htm 这是三个字符的后缀，是收到当年操作系统限制的原因。现在开发 html5 网页文件必须使用.html 后缀

2.2 主体结构

当我们创建好 html 文件后，使用合适的编辑器打开（可以使用，sublime ，HBuilder ，WebStorm，DreamWeaver 等编辑器）

这里不推荐使用记事本进行编辑，记事本中有隐藏字符，直接使用记事本编辑复制出去执行有可能会出错

下面我们来写下 html 网页文件的主题结构

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <meat charset="UTF-8">
  5     <title>网页标题<title>
  6 </head>
  7 <body>
  8     网页主体内容
  9 </body>
 10 </html>

上面的 html 主体结构是每个 html 网页中都必须有的结构

2.3 主体结构介绍

<!DOCTYPE html>

表示文档声明，告诉浏览器，当前页面使用的是 HTML5 的文档格式。如果不写此声明，浏览器会将网页降级处理，可能会使用老版本 html4 或更低的文档格式。

<html>
</html>

声明 html 标签的主体，所有的 html 网页内容都写在

标签中

<head>
</head>

head 标签中写的是网页的一些设置信息，包含字符集，标题，css 样式等。

<body>
</body>

body 标签中写的是网页的主体内容，我们浏览网页时所看到的所有内容都是写在 body 标签中

<meat charset="UTF-8">

meat 标签的作用有很多，通常只需要写这一句，表示将网页文档的字符集设置为 UTF-8，让网页能够支持常见中文

<title><title>

title 标签里写的是网页的标题，我们打开网页时，最上方浏览器标签栏里显示的内容就是 title 标签里的

3、一个合格的网页需要包含哪些内容

HTML：构建网页的结构

CSS：网页的美化

JavaScript：网页的交互

举个例子：这样开发网页的过程就相当于是

毛坯房 –> 装修 –> 智能家居

访问一个网站到底需要经历那些流程

输入地址->2 发起请求->服务器判断->响应数据->看到网页 网页-->HTML 浏览器->请求->服务器 服务器可以同意或者拒绝 服务器判断请求是否是恶意的 服务器响应浏览器 响应的内容就是前端工程师要做的事

H5 草案

前身名为 Web Application 1.0 ，于 2004 年被 WHATWG 提出，于 2007 年被 W3C 接受，并成立了新的 HTML 工作团队 HTML5 狭义：html4 的下一代产品 广义：新一代的富客户端解决方案

HTML 发展史

HTML 1.0 超文本标记语言（第一版）——在 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 推荐标准 ​ XHTML1.0——发布于 2000 年 1 月 26 日，是 W3C 推荐标准，后来经过修订于 2002 年 8 月 1 日重新发布 ​ XHTML 1.1，于 2001 年 5 月 31 日发布，W3C 推荐标准 ​ XHTML 2.0，W3C 工作草案 ​ XHTML 5，从 XHTML 1.x 的更新版，基于 HTML 5 草案 ​ HTML 5——2014 年 10 月 28 日，W3C 推荐标准 ​ 前身：Web Applications 1.0 ​ 于 2004 年被 WHATWG 提出 ​ 于 2007 年被 W3C 接纳 ​ 在 2008 年 1 月 22 日，第一份正式草案发布 ​

HTML5 发展史

HTML 5 的第一份正式草案已于 2008 年 1 月 22 日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 ​ 2012 年 12 月 17 日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的 HTML5 规范已经正式定稿。根据 W3C 的发言稿称：“HTML5 是开放的 Web 网络平台的奠基石。” ​ 2013 年 5 月 6 日， HTML 5.1 正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助 Web 应用程序的作者，努力提高新元素互操作性。 ​ 本次草案的发布，从 2012 年 12 月 27 日至今，进行了多达近百项的修改，包括 HTML 和 XHTML 的标签，相关的 API、Canvas 等，同时 HTML5 的图像 img 标签及 svg`也进行了改进，性能得到进一步提升。 ​ 目前在开发的领域，大家说的 H5 开发其实指的是 HTML5 + CSS3 + JavaScript 等技术。 ​ 在目前的软件开发生态链中，H5 的技术充斥着很多的领域。无论是网站开发、移动端开发、软件开发、游戏等等。 ​ ​ ​ ​