1、HTML/CSS基础——概述（学习之前需要了解的相关术语）

概述

本人刚刚开始学习前端相关的知识，目前我在跟着b站的某个web前端开发的零基础教程（HTML+CSS）(附上b站视频教程链接）在学习，下面我要更新的内容是我在看视频的过程中记下的笔记，可能和老师上课的笔记大概一致，若有侵权立即删除。

1. HTML

Hyper Text Markup Language 超文本标记语言（定义网页有什么东西）

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

结构：有什么东西，该东西表示什么含义。

对于超文本的理解：通过文档中的某一部分内容可以跳转到另一个文档。

2. CSS

Cascading Style Sheets 层叠样式表（定义网页中的东西长什么样子）

CSS是W3C组织定义的语言标准：CSS是用于描述页面展示的语言（背景、字体、边框等颜色；布局；字体等）。

CSS决定了页面长什么样子。

3. 执行HTML和CSS：

HTML、CSS -> 浏览器内核 -> 页面

4. MarkDown

MD 文档格式标准（文档编写者仅关注内容本身，不需要关注格式）

5. 其他术语

5.1 web

互联网

5.2 W3C

万维网联盟，非盈利性组织（网站：w3.org）

为互联网提供各种标准

5.3 XML

extension markup language 可扩展的标记语言，用于定义文档结构。

XML的设计目标是描述数据并集中于数据的内容，例如

想让计算机了解一段话：请在每周周一下午两点，从人人网下载最新美剧《权力的游戏》

则XML会将这段话做如下处理：

<任务>
	<执行日期> 每周一 </执行日期>
	<执行时间> 下午两点 </执行时间>
	<下载地址> 人人网 </下载地址>
	<下载目标> 最新版《权力的游戏》 </下载目标>
</任务>

5.4 MDN

Mozilla Development Network, Mozilla 开发者社区（充当字典的作用，有HTML/CSS的问题可以去MDN查，不要去百度百科）

MDN链接：https://developer.mozilla.org/zh-CN/，也可以自行百度“MDN”

6. 浏览器

1. shell: 外壳，面向用户的界面
2. core: 内核（包含JS执行引擎和渲染引擎），“排版引擎”/“页面渲染引擎”，负责取得网页的内容（HTML、XML、图像等等）、整理信息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。

常见浏览器：(内核)

浏览器	内核
IE	Trident
Firefox	Gecko
Chrome	Blink(以前和苹果合作时用的内核时Webkit)
Safari	Webkit
Opera	Blink(旧时使用Presto)

1. IE: Trident
2. Firefox: Gecko
3. Chrome: Webkit（以前和苹果合作时用的内核）/Blink（现在的内核）
4. Safari: Webkit
5. Opera: Presto/Blink

7. 版本和兼容性

HTML5、CSS3（语言标准）

CSS3目前还没有制定完成

XHTML：可以认为是HTML的一种一个版本，完全符合XML的规范。