1. HTML 初识
Hyper Text Markup Language 超文本标记语言
超文本：比普通文本功能更加强大，可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）
标记语言：通过标签来对内容进行描述 <关键字>，由浏览器来解释执行
1.1 HTML 标签分类
-
常规元素（双标签）
<标签名> 内容 </标签名>和开始标签相比，结束标签只是在前面加了一个关闭符
/ -
空元素（单标签）
<标签名 />里面不需要包含内容，直接结束
1.2 HTML 标签关系
- 嵌套关系（子元素缩进一个 tab 键）
<head>
<title>标题</title>
</head>
- 并列关系（上下对齐）
<head></head>
<body></body>
2. 文档类型 <!DOCTYPE>
语法：<!DOCTYPE html>
作用：声明位于文档中的最前面的位置，处于 <html> 标签之前，告知浏览器按照HTML5 规范解析页面
3. 页面语言 lang
指定 html 语言种类： <html lang="en"> （英语：en，中文：zh-CN）
4. 字符集
设定字符编码，让 html 文件是以 UTF-8 编码保存的， 浏览器根据编码去解码对应的html内容
语法：<meta charset="UTF-8" />（在 head 标签中）
- gb2312：简单中文，包括6763个汉字（国标）
- BIG5：繁体中文 港澳台等用
- GBK：包含全部中文字符，是GB2312的扩展，对繁体字的支持，兼容GB2312
- UTF-8：基本包含全世界所有国家需要用到的字符
5. Web 标准
由W3C组织和其他标准化组织制定的一系列标准的集合，W3C 万维网联盟是国际最著名的标准化组织
Web 标准构成
| 标准 | 说明 | 源码 |
|---|---|---|
| 结构 | 结构用于对网页元素进行整理和分类 | HTML |
| 表现 | 表现用于网页元素的版式、颜色、大小等外观样式 | CSS |
| 行为 | 行为是指网页模型的定义及交互的编写 | Javascript |
6. 常见浏览器内核
浏览器的渲染引擎，现在流行称为内核，负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
| firefox | Gecko | 可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。 |
| Safari | webkit | 现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了） |
| chrome | Blink | 在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用Blink内核，二次开发 |
| Opera | blink | 现在跟随chrome用blink内核 |