一、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的文档将被采用怪异模式解析。