前端串讲6 | 青训营笔记

111 阅读2分钟

前端语言的基本能力

  • HTML(超文本标记语言)是用于定义网页结构和内容的标记语言,它由一系列的标签(tag)组成,每个标签都有特定的含义和用途。
  • CSS(层叠样式表)是用于控制网页样式和布局的样式表语言,它可以设置网页中元素的颜色、字体、大小、间距、位置等属性。
  • JavaScript是用于实现网页交互和动态功能的脚本语言,它可以在浏览器中运行,也可以在服务器端运行。
  • 浏览器引擎是浏览器的核心部分,负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。不同的浏览器使用不同的引擎,常见的有Trident(IE)、EdgeHTML(Edge)、Webkit(Safari)、Blink(Chrome、Opera)、Gecko(Firefox)等。

前端语言的协作配合

  • CSS/JavaScript in HTML是指在HTML文档中嵌入CSS和JavaScript代码,以实现网页的样式和交互功能。这可以通过使用HTML的< style>和< script>标签来实现,分别用于包含CSS和JavaScript代码。
  • HTML/CSS in JavaScript是指在JavaScript代码中嵌入HTML和CSS代码,以实现网页的动态生成和修改。这可以通过使用JavaScript的字符串模板字面量(template literals)或者创建DOM元素来实现,分别用于包含HTML和CSS代码。

HTML

HTML并非图灵完备,它只是一门标记语言。

  • head标签是用于定义网页的头部信息,包括网页的标题、样式、元数据、脚本等。head标签不会在网页上显示内容,但会被浏览器或搜索引擎解析。
  • body标签是用于定义网页的主体内容,包括文本、图像、链接、表格、列表等。body标签内的内容是用户可以看到的部分。
  • 语义化是指使用合适的HTML标签和属性来表达网页的结构和含义,使得网页更容易被人和机器理解。语义化可以提高网页的可访问性、可检索性、互用性。

收获:

通过对本次课程的学习,重温了前端html、css、javascript等的基本知识,了解了它们各自的工作范围及对应的职责,增长了见识。