一、总体介绍

1.前端“三剑客”是什么？

传统前端“三剑客”包含html、css、js。html主要构建框架结构，css主要控制样式，js主要用于网站交互。一个形象的比喻：html为人体的骨架，css为填充的肉体，js为骨骼节点，便于运动。

2.浏览器如何运行？

浏览器引擎一般包括渲染引擎和Js引擎。渲染引擎主要用于加载页面，解析 HTML 与 CSS。js 引擎用来读取网页的 javaScript 代码，对其处理后运行。

二、单独介绍

一、html

1.概念

html来自于两个词的缩写：HyperText<超文本>(图片、标题、链接、表格）、Markup Language<标签>

2.运行

解析代码生成Dom树（柱形结构）。

3.语法

1. 标签和属性不区分大小写，推荐小写
2. 空标签可以不闭合，比如input、meta
3. 属性值推荐用双引号包裹
4. 某些属性可以省略，比如required、readonly

4.基础知识

• 基本语法：标签元素（Element）、文本（Text）、注释（Comment）
• 标签分类：文档型、闭合型、换行型、H5新元素
• head标签：title、base、meta、link等
• 列表链接标签：

1. 有序列表
2. 无序列表

3. 定义列表头

4. <dt>列表内容</dt>
   

5. 超链接
6. 替代型文本

• 输入：

1. 文本框
2. 日历时间

• 选择：

1. 通过name
2. 利用下拉框

• 引用：

1. 快捷引用:

2. 短引用：<cite>作品名字 </cite><q>作品内容</q>
   

3. 短代码引用：<code></code>
   

4. 多行代码引用：<pre><code>文字</code></pre>
   

• 强调：
  

1. <strong></strong>重含义强调
   

2.     <em></em>重语气强调
   

5.语义化的重要性

1. 开发者：修改、维护页面
   

2. 浏览器：展示页面
   

3. 搜索引擎：提取关键词、排序
   

4. 屏幕阅读器：读取页面内容