HTML+CSS进阶（一）

一、HTML 与 XHTML

HTML概述

HTML：HyperText Mackeup Language，译为超文本标记语言：

• 音视频、图片等成为超文本；<英文单词或字母>称为标记。
• HTML是负责描述文档语义的语言，用于描述超文本内容的显示方式。
• HTML语言不是一种编程语言（有编译过程），而是一种标记语言（没有编译过程），直接由浏览器解析执行。

XHTML概述

XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言：

• 严格、规范、纯净的HTML，HTML的升级版。
• 所有标记必须小写、关闭以及正确嵌套。
• 所有属性必须有值，属性值必须加引号。
• 文档开头必须要有DTD文档类型定义。

发展历程

HTML发展历程.png

二、HTML文档结构

HelloWorld

一个例子：

文档声明头 DTD

文档声明头，DocType Declaration，简称DTD。此标签告知浏览器哪种HTML或XHTML规范解析文档。

• H5之前的文档声明一般有 Strict（严格的）、Transitional（普通的）、Frameset（带有框架的）三类，如：
  HTML 4.01 Strict
  
• 早期的HTML版本是基于SGML, 因此需要套用SGML的解析规则。DTD的作用在于定义SGML文档的文档类型以便于浏览器解析。HTML5不再基于SGML, 因此不再需要DTD，而是简化为， 用来触发不同的浏览器渲染模式。
• 浏览器解析CSS有两种模式：标准模式(strict mode)和怪异模式(quirks mode)。未声明DTD的文档将被采用怪异模式解析。

meta 标签

• charset声明字符集。
• viewport视口设置，如果不定义viewpoint的话，页面宽度以屏幕分辨率为基准，而设置以后可以根据设备宽度来调整页面，达到适配终端大小的效果。
• Keywords设置关键词，便于搜索引擎搜索。
• Description文档描述信息，搜索的结果展示信息。