第一章——前端三语言

一、什么是 HTML

Arduino logo

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML 是一种基础技术,常与 CSS、JavaScript 一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取 HTML 文件,并将其渲染成可视化网页。HTML 描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML 元素是构建网站的基石。HTML 允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML 的语言形式为尖括号包围的 HTML 元素(如),浏览器使用 HTML 标签和脚本来诠释网页内容,但不会将它们显示在页面上。

HTML 可以嵌入如JavaScript的脚本语言,它们会影响 HTML 网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护 HTML 和 CSS 标准的组织万维网联盟(W3C)鼓励人们使用 CSS 替代一些用于表现的 HTML 元素。

二、什么是 CSS

层叠样式表(英语:Cascading Style Sheets,缩写:CSS;又称串样式列表、级联样式表、串接样式表、阶层式样式表)是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,由 W3C 定义和维护。CSS3 现在已被大部分现代浏览器支持,而下一版的 CSS4 仍在开发中。

CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS 不能单独使用,必须与HTMLXML一起协同工作,为 HTML 或 XML 起装饰作用。本文主要介绍用于装饰 HTML 网页的 CSS 技术。其中 HTML 负责确定网页中有哪些内容,CSS 确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素。CSS 可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式。CSS 可以零散地直接添加在要应用样式的网页元素上,也可以集中化内置于网页、链接式引入网页以及导入式引入网页。

三、什么是 Javascript

JavaScript(通常缩写为 JS)是一门基于原型和头等函数的多范式高级解释型编程语言,它支持面向对象程序设计、指令式编程和函数式编程。它提供方法来操控文本、数组、日期以及正则表达式等。不支持 I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。它由 ECMA(欧洲电脑制造商协会)通过 ECMAScript 实现语言的标准化。目前,它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Firefox、Safari 和 Opera)所支持。

JavaScript 与 Java 在名字和语法上都很相似,但这两门编程语言从设计之初就有很大不同。JavaScript 在语言设计上主要受到了 Self(一种基于原型的编程语言)和 Scheme(一门函数式编程语言)的影响,在语法结构上它和 C 语言很相似(如 if 条件语句、switch 语句、while 循环和 do-while 循环等)。

对于客户端来说,JavaScript 通常被实现为一门解释语言,但如今它已经可以被即时编译(JIT)。随着 HTML5 和 CSS3 语言标准的推行,它还可以用于游戏桌面移动应用程序的开发,以及在服务器端网络环境运行(如 Node.js)