前端语言我们熟知的就是JavaScript、HTML和CSS，这三者之间的关系与区别，也是我们学好前端语言最为重要的内容，接下来我们就开始今天的学习内容吧！
一、前端语言的基本能力
HTML、CSS和JavaScript三剑客
三种语言是同等重要，缺一不可的
1、HTML
HTML是三者中最为基础的语言，HTML最小单位是使用“<>”包裹起来的字符，从形式上看这种最小单位可以称之为标签，而在浏览器中称之为元素，HTML的本质就是搭载标签构成的文本文件，通过浏览器容器将其解析为元素，完成由文本到页面内容的转化过程。并且基于这个特点，HTML是做好ICU的关键技术点
2、CSS
CSS是一门语法非常简单的语言，Selector+包含多个declaration的大括号，每一个declaration都是由键值对组成，我们只需要明确场合使用哪些property和value，来使得页面形象呈现的更加丰满。
3、JavaScript
设计特点
(1）借鉴C语言的基本语法;
(2）借鉴Java语言的数据类型和内存管理;
(3）借鉴Scheme语言，将函数提升到"第一等公民”(first class)的地位;
(4) 借鉴Self语言,使用基于原型(prototype)的继承机制。
JavaScript基本语法：
4、三种语言在浏览器中运转
浏览器一般包括渲染引擎和JavaScript引擎，渲染引擎主要负责加载页面，根据HTML来生成DOM树结构，即获取CSS资源构DOM树，结合DOM的结构特性和CSS的样式特性，最后排版，确定不同部分的图层分配，最后绘制出页面
JavaScript的本质也是一段文本，需要通过解释器才能运行，一个优质的解释器除了能够解释复杂的语法外，还应该有高度优化的性能，首先JavaScript引擎会将语法词法解析转化为AST树，接着通过ignition转换为字节码，字节码可以在虚拟机上运行，如果ignition发现有热点代码，可以反过来让turbofan生成优化后的机器码，性能更高。
二、前端语言的协作配合
1、CSS in HTML
1.在HTML标签中通过style或class来添加样式
2.在HTML头部通过添加style标签定义类的样式
3.在HTML头部通过link标签，引入外部样式
2、JavaScript in HTML
Script标签是一种很强大的标签，它既可以引入外部的超链接文件，也可以在内部编写脚本，默认情况下script会阻塞页面解析的，在添加了async，脚本的下载就会变成异步的，而在添加了differ 则可以让脚本的执行变成异步的。
默认的script都是定义在全局的
3、HTML in JavaScript
JSX技术完美的将HTML和JavaScript进行结合，一般通过编译工具进行转化，方便理解，渲染效率较高
三、HTML（5）
1、HTML DTD
HTML并非图灵完备，它只是一门标记语言，其核心就是标签
2、HTML全部标签分类
文档型标签是HTML基础必须具备的标签
3、HTML body功能性标签
这些标签许多都只是附带的一些样式，可以通过CSS来实现，另一方面现代化的组件已经把很多功能性的标签包含在内了
4、HTML ARIA
可访问的互联网副文本应用，简单来说其通过给标签添加一些额外的属性，来使整个页面理解起来更加的容易。
