HTML 入门 01——概述

术语

1. Web：互联网

2. W3C：万维网联盟，非盈利组织：w3.org，为互联网提供各种标准

3. XML：Extension Markup Language，可扩展标记语言，用于定义文档结构，为了让计算机能够理解文档内容

   如：

   每周一下午两点，人人网下载最新美剧《权游》
   

   结构化后：

   <任务>
       <日期> 每周一 </日期>
       <时间> 下午两点 </时间>
       <地址> 人人网 </地址>
       <目标> 下载最新美剧《权游》 </目标>
   </任务>
   

   可扩展：尖括号内容可变更

   注意：表达文档结构可以有多种格式，XML只是其中一种

HTML

1. W3C 组织定义的语言标准：HTML 是用于描述页面结构的语言

2. HTML：Hper Text Markup Language，超文本标记语言

拓展：MDN，Mozilla Development Network，多种语言的文档

CSS

1. W3C 组织定义的语言标准：CSS是用于描述页面展示的语言

2. CSS：Cascading Style Sheets，层叠样式表

执行HTML、CSS

1. 浏览器内核：用于解析网页语法并渲染页面，即执行 HTML、CSS 和 JS

2. 浏览器：

   shell：外壳

   core：内核（JS执行引擎、渲染引擎）

拓展：当问到“市面上有什么主流浏览器”时，应该回答有“独立内核”的浏览器

[译] 你能分得清楚 Chromium, V8, Blink, Gecko, WebKit 之间的区别吗？ - 掘金 (juejin.cn)

Blink 是 Google Chrome 浏览器的渲染引擎，V8 是 Blink 内置的 JavaScript 引擎。Chromium 是 Google 公司一个开源浏览器项目，使用 Blink 渲染引擎驱动。Chromium 和 Google Chrome 的关系，可以理解为：Chromium + 集成 Google 产品 = Google Chrome。

每个浏览器公司对于 CSS 标准的实现有所不同，所以对于一些 CSS 样式值，需要有前缀。

浏览器引擎前缀 - 术语表 | MDN (mozilla.org)

浏览器	内核	前缀
旧版Chrome	WebKit内核	-webkit-
新版Chrome	Blink内核
Safari	WebKit内核	-webkit-
Firefox	Gecko内核	-moz-
IE	Trident内核	-ms-
Edge	Blink内核	-ms-
旧版Opera	Presto内核	-o-
新版Opera	Blink内核	-webkit-

版本和兼容性

1. 现时标准：HTML5、CSS3；

2. HTML5：2014年推出；

3. CSS3：还未完成制订；

4. XHTML：简单理解为HTML的一种版本，完全符合XML的规范，现时已不用了。