HTML 简明教程 ( HTML5 标准 ) - 简介 - 简单教程，简单编程

HTML 是 Hypertext Markup Language 的缩写，中文「超文本标记语言」，是用于创建网页的标准标记语言

什么是 HTML ?

HTML 是用于描述网页的标准标记语言 ( markup language )

HTML 是超文本标记语言，Hypertext Markup Language 的缩写
HTML 不是一种编程语言，而是一种标记语言
标记语言只是一个标记标签
HTML 使用标记标签来描述网页
HTML 文档也称为「网页」

HTML 有哪些特性？

简单：超文本标记语言 ( HTML ) 版本升级使用方式使用的是超集模式，更灵活方便

简单来说，每次升级，都是对前一版本的补充，而不是对前一版本的颠覆

比如 HTML 4.0.1 相比于 HTML 4， HTML5 相比于 HTML 4.0.1，都是在前一版本的基础上添加了某些标记标签或者重新定义某些标记标签，但并不会废除前一版本

你可以选择使用 HTML5 、HTML 4.0.1 或 HTML 4 ，浏览器都会支持
可伸缩性：超文本标记语言的广泛使用导致需要增强功能和添加新的标识符，超文本标记语言采用元素的子类来确保系统扩展

这个特性对于 Web 开发者来说还不明显，但对于 HTML DOM 使用者来说就很明显了

如果你很早就开始关注 HTML 5 ，那么你一定会记得对于不支持 HTML5 的 hack 方式
```
article,aside,dialog,figcaption,figure, footer,header, hgroup,main,nav,section{display:block}
```
平台独立性 ：虽然个人计算机越来越受欢迎，但还有许多其他用户使用 MAC 和其他计算机

超文本标记语言可以在各种平台上使用，这也是万维网 ( WWW ) 普遍存在的另一个原因
多功能性 ：HTML 是一种面向 Web 的通用语言

它允许开发人员创建复杂的文本和图像页面，无论他们使用何种类型的计算机或浏览器，都可以被 Web 上的任何其他人查看

HTML 示例

下面是一段可运行的 HTML 代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>HTML 简明教程 ( www.twle.cn )</title>
</head>
<body>
  <h1>你好，这是我第一个 &lt;h1&gt; 标签</h1>

  <p>你好，这是我的第一个段落</p>

  <a href="https://www.twle.cn/" target="_blank">你好，这是我的第一个链接</a>
</body>
</html>

在上面这段 HTML 代码中

<!DOCTYPE html> 用于声明这是一个 HTML5 的文档
<html> 元素是 HTML 页面的根元素，表示下面的代码是符合 html 代码
<head> 包含了该文档的一些元数据，包括 meta 、标题 title 、样式 style 和脚本 script
<title> 元素声明了该 HTML 文档的标题
<body> 元素包含了可见的页面内容
<h1> 定义了一个大的标题
<p> 元素定义了一个段落

HTML 标记标签 ( tag )

HTML 标记是 HTML 中最基本的单元，也是 HTML 中最重要的部分
HTML 标记是由一堆尖括号 ( <> ) 括起来的关键字，例如 <body>
HTML 标记通常成对出现，例如 <a> 和 </a>
一对标记 ( <a></a> ) 中的第一个标记是 开始标记，第二个标记是 结束标记
HTML 标记不区分大小写，例如 <body> 与 <BODY> 具有相同的语法，但推荐你使用小写

网页内容需要显示在 <html> 标签中。标题、字符格式、语言、兼容性、关键字和描述需要显示在 <head> 标记中

页面的实际内容需要显示在 <body> 标记中

Web 浏览器

Web 浏览器用于读取 HTML 文档并解析 HTML 文档结构以在屏幕上显示结果

当前最流行的 Web 浏览器是 Chrome、Internet Explorer、Firefox、Safari 等

HTML 版本

随着网络设备的不断更新和不断增加的各种网络应用程序，HTML 版本也发生了很大的变化

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

`<!DOCTYPE>` 声明

<!DOCTYPE> 声明有助于在浏览器中正确显示页面

Web 上有许多不同的文件，如果声明了正确的 HTML 版本，浏览器可以正确显示网页的内容

doctype 声明不区分大小写，以下方法都是是正确的

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

但我们推荐你使用第一种，也就是 <!DOCTYPE html>

通用的声明

HTML5

<!DOCTYPE html>

HTML 4.01

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

XHTML 1.0

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

随着 HTML5 的发布，其实我们已经不推荐使用后两者了

HTML 简明教程 ( HTML5 标准 ) - 简介