外行的入门 01:前端的硬知识们

21 阅读2分钟
前端的三板斧

上一篇枯燥的背景知识中,提到的W3C标准包含结构表现行为,而HTML,CSS和Javascript 就是这三者对应的计算机语言。

  • HTML | HyperText Markup Language | 超文本标签语言

结构中提到的XML(Extentsible Markup Language 可扩展标记语言)和XHTML(EXtensible HyperText Markup Language扩展超文本标签语言),他们和html之间的关系是:

1734442-20190722194556639-2105004736.png
引自:www.cnblogs.com/iamspecialo…

作为下一代的HTML。我们能够理解XHTML是HTML的升级版。XHTML是HTML像XML的一个

HTML和XML都是源自非常复杂的二代markup language标识语言SGML,其中HTML早期比较松散易学,XML则比较严谨。XHTML则是在而这基础上进行融合修改形成的。
本质上,他们都是用于结构的语言。

  • CSS| Cascading Style Sheets | 层叠样式表

当HTML作为内容结构变得越来越臃肿的时候,Håkon Wium Lie首次发布了将其中所有对于信息展示的样式语句拆分出来,组成的CSS语言。层叠的意义在于继承

在CSS中,一个文件的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式,在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计,混合每个人的爱好。

引自:baike.baidu.com/item/CSS/54…

CSS是为了页面表现而诞生的语言。

  • Javascript

在web的应用层面上,JS用于添加动态效果,优化HTML交互性,提升用户阅读的体验感。完整的JS包含三个部分:ECMAScript, DOM和BOM。ECMAScript是ECMA指定的基本语法和对象,DOM(Document Object Model文档对象模型)和BOM(Browser Object Model浏览器对象模型)则是因为JS可以更丰富地使用创建的对象。

JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

另外JS的特点在于不进行预编译


事实上,JS和CSS都可以在HTML中编写,但将JS和CSS拆分则有利于将“结构”、“表现”和“行为”进行拆分。当进行修改时可以避免牵一发而动全身的大动作。

由此可见,JS和CSS都依托于HTML的结构和内容完成web的开发。而托起这个web开发需要的最基础的环境:JRE(Java Runtime Environment)。在此基础上可能还会有的延展是:node.js等。