前端语言 | 青训营笔记

209 阅读2分钟

Web前端三剑客:分别是HTMLCSSJavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。

HTML

  1. HTML超文本标记语言,HTML是一门描述性语言
  2. HTML是用来标记内容的(重在内容组织上)
  3. HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言(HTML标签即使不闭合,也并不会影响页面内容的组织)。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。

image.png

CSS

  1. CSS:层叠样式表,是用来控制网页外观的一种技术
  2. CSS是用来修饰内容样式的(重在内容样式美化展示上)
  3. CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版
  4. 基本标签<style></style>,推荐写在<head></head> 中。
  5. /*内容注释*/

image.png

JavaScript

  1. JavaScript是一种嵌入到HTML页面中的语言,由浏览器一边解释一边执行。
  2. JavaScript是用来做交互
  3. JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。
  4. 基本标签<script></script>,推荐写在<body></body>中。
  5. 注释://单行注释    /*js多行注释*/

image.png

HTML与CSS及JS的关系

  1. 这三者99%的情况下都是搭配使用的,但也不是绝对的。
  2. HTML与CSS、JS是不同的技术,可以独立存在;
  3. HTML一般需要CSS和JS来配合使用,否则单一HTML文档无论是功能还是展示上效果都不理想;
  4. CSS一般是不能脱离HTML或XML的,如果CSS脱离了HTML和XML,那就没有存在的必要的;
  5. JS可以脱离HTML和CSS而独立存在;
  6. JS可以操作HTML和CSS。

总结

  1. HTML用于控制网页的结构,CSS用于控制网页的外观,JavaScript控制的是网页的行为。
  2. 如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。
  3. 甚至你也可以想象这三者的关系是一只小鸟,HTML是没毛的鸟,加上CSS鸟就有了漂亮的羽毛,最后JavaScript就能让鸟儿飞起来。