3. HTML和CSS概述 {ignore}

[toc]

1. 术语

术语的作用：降低沟通成本。

表示：互联网

表示：万维网联盟，非盈利性的组织：w3.org，为互联网提供各种标准。

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

人类语言：

请在每周周一下午两点，从人人网下载最新美剧《权力的游戏》

计算机无法理解上述文字，无法识别，为了让计算机能够识别，可以采取下面这种方式，让文字具有一定的格式，以便计算机能够识别。当然还有其他很多方式可以让计算机能够识别我们敲入的文字。

计算机语言：

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

这种格式是XML规定的格式。

HTML是W3C组织定义的语言标准：HTML是用于描述页面结构的语言。（HTML is the language for describing the structure of Web pages.）

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

HTML： Hyper Text Markup Language，超文本标记语言。

<h1> 一级标题 </h1>

MDN： Mozilla Development Network

Mozilla开发者社区。

比如说要想要查 <h1> 这个标签，只要在百度的输入框中输入： h1 mdn 即可。

CSS是W3C定义的语言标准：CSS 是用于描述网页呈现的语言，包括颜色、布局和字体。（CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.）

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

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

浏览器组成：

浏览器内核（渲染引擎）负责执行 HTML 和 CSS 代码；若想在移动端，执行 HTML 和 CSS 代码，实际上只要安装一个浏览器内核即可。我们在微信上，也可以浏览网页，这其实是因为它装了浏览器内核。

主流浏览器及其内核

IE	Firfox	Chrome	Safari	Opera
Trident	Gecko	Webkit / Blink	Webkit	Presto / Blink

国内的很多浏览器都不是主流的浏览器，如：QQ浏览器、360浏览器等。虽然使用人数相当的多，但是它们没有独立的内核，它们用的都是其他主流浏览器的内核，有的用火狐（Firefox），有的用谷歌（Chrome）。

国内的这些浏览器不过是把别人的外壳拿过来，然后自己再加上一层外壳（shell），外壳的技术含量不高，浏览器的核心就是浏览器的内核。

HTML和CSS目前最新的版本是： HTML5、CSS3

主流浏览器及其内核

IE	Firfox	Chrome	Safari	Opera
Trident	Gecko	Webkit / Blink	Webkit	Presto / Blink

兼容性问题，在学习过程中，不需要记（甚至在视频讲解兼容性问题时可以跳过），在后面学到一些构建工具的时候，会自动帮我们解决兼容性问题。只要写出来的代码可以在 chrome 上正常运行即可。