一、HTML 与 XHTML
HTML概述
HTML：HyperText Mackeup Language，译为超文本标记语言：
- 音视频、图片等成为超文本；<英文单词或字母>称为标记。
- HTML是负责描述文档语义的语言，用于描述超文本内容的显示方式。
- HTML语言不是一种编程语言（有编译过程），而是一种标记语言（没有编译过程），直接由浏览器解析执行。
XHTML概述
XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言：
- 严格、规范、纯净的HTML，HTML的升级版。
- 所有标记必须小写、关闭以及正确嵌套。
- 所有属性必须有值，属性值必须加引号。
- 文档开头必须要有DTD文档类型定义。
发展历程
HTML发展历程.png
二、HTML文档结构
HelloWorld
一个例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="HTML 结构 入门" />
<meta name="Description" content="HTML意为超文本标记语言……" />
<title>HTML文档结构</title>
</head>
<body>
</body>
</html>
文档声明头 DTD
文档声明头，DocType Declaration，简称DTD。此标签告知浏览器哪种HTML或XHTML规范解析文档。
- H5之前的文档声明一般有 Strict（严格的）、Transitional（普通的）、Frameset（带有框架的）三类，如：
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> - 早期的HTML版本是基于SGML, 因此需要套用SGML的解析规则。DTD的作用在于定义SGML文档的文档类型以便于浏览器解析。HTML5不再基于SGML, 因此不再需要DTD，而是简化为
<!DOCTYPE html>， 用来触发不同的浏览器渲染模式。 - 浏览器解析CSS有两种模式：标准模式(strict mode)和怪异模式(quirks mode)。未声明DTD的文档将被采用怪异模式解析。
meta 标签
- charset声明字符集。
- viewport视口设置，如果不定义viewpoint的话，页面宽度以屏幕分辨率为基准，而设置以后可以根据设备宽度来调整页面，达到适配终端大小的效果。
- Keywords设置关键词，便于搜索引擎搜索。
- Description文档描述信息，搜索的结果展示信息。
