前端语言串讲笔记| 青训营

48 阅读3分钟

01前端语言的基本能力

(html,js,css三件套)

三者关系如下

HTML 超文本标记语言

HTML官方定义为超文本标记语言,全称为Hypertext Markup Language。HTML是Web的核心语言,它是使用标记来描述网页的一种语言,它的语法简单、结构清晰。

所谓HTML页面就是我们常说的网页,也会称之为HTML文档。HTML文档中包含HTML标签和文本内容,浏览器会读取HTML文档,并将它们以网页的形式呈现给用户。在HTML页面中可以包含图片、文字、声音、视频、动画、超链接等等。

在网页文档中标签是构成网页的基本单位,也被称为标记、元素,是由尖括号包围起来的关键词,HTML标签分为单标签、双标签,单标签是在开始标签中直接闭合,而双标签由开始标签和结束标签组成,在标签的中间填入内容,大部分的HTML标签可以添加属性用以修饰该标签。

CSS 级联 样式表)

CSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。

相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。

CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

JavaScript

,JavaScript是一门脚本语言。 它的名字带有Java,但是它和Java语言没有太大的关系。JavaScript语言相对较弱,语法要求上并不是很严格,比如变量的定义、语句后的分号等没有严格的格式,所以很适合开发者上手。 JavaScript不需要像C语言一样进行编译才能运行,它通过客户端浏览器进行解析,浏览器内置了负责解析JavaScript的解析器,不过每一种浏览器对于JavaScript的兼容性是不同的,所以有时候相同的JS代码在不同浏览器上效果会不一样。这也是JavaScript的一个缺点。

HTML

简单的HTML文档的基本结构(从知乎上面查的)

css,一门语法简单

css的语法特别简单,还是有难度的

JavaScript

(1)借鉴C语言的基本语法

(2)借鉴Java语言的数据类型和内存管理

(3)借鉴Scheme语言,将函数提升到“第一等公民”(first class)的地位

(4) 借鉴Self语言,使用基于原型 (prototype)的继承机制。

02前端语言的协作配合

CSS in HTML

JavaScript in HTML

HTML in JavaScript

HTML DTD

HTML的分类

HTML arla

03你不知道的HTML(5)

04 拓展分享