前言HTML、CSS、JavaScript是前端入门中必须学习的知识，也是最基础的知识。 文章主要分享包括 （HTML，CSS，JS）前端基础知识笔记，学习路线图，最后附前端基础面试题
HTML知识点1. html基本结构
html标记是用括起来的关键字。 html标记通常成对显示，分为标记的开头和结尾。 有些标签没有结束标签，是一个标签，一个标签必须使用/结束。 页面的所有内容都位于html标记中。 html标签分为三个部分：标签名称、标签内容和标签属性。 html标签具有语义化，可以根据标签名称判断该标签的内容。 语义化的作用是使网页的结构层次更清晰，更容易被搜索引擎收录，便于屏幕阅读器阅读网页内容。 标签的内容位于一对标签的内部。 标签的内容也可以是其他标签。2. 标签属性
class属性：定义元素的类名id属性：指定元素的唯一id。 此属性的值在整个html文档中具有唯一的样式属性。 用于指定元素的内联样式。 使用此属性时，title属性将被所有全局样式复盖。 用于指定元素附加信息的accesskey属性：用于指定活动元素的快捷键tabindex属性：用于指定选项卡下元素顺序的dir属性：用于指定元素中内容的文本方向的属性，属性为LTTE 用于指定元素内容的语言3358ww.sitle属性
窗口事件：
onload，网页加载结束后触发
onunload发生在用户离开网页时(单击跳转、重新加载页面、关闭浏览器窗口等)。
表单事件：
onblur，元素失去焦点时触发
onchange，元素值更改时触发
onfocus，元素获得焦点时触发
onreset，在单击表单重置按钮时触发
onselect，在选择元素中的文本后触发
onsubmit，提交表单时触发
keyboard键盘事件：
onkeydown，用户按下键时触发
用户按下键后按键时触发onkeypress。 (此属性对所有键都无效。 无效的是alt、ctrl、shift、esc )
mouse鼠标事件：
onclick，当在元素上单击鼠标时触发
onblclick，在元素上双击鼠标时触发
onmousedown，在元素上按下鼠标按钮时触发
onmousemove 当鼠标指针移动到元素上时触发
onmouseout。 当元素指针移出元素时触发
海贼王。 在元素上释放鼠标按钮时触发。
媒体事件
onabort，退出时触发
打开等待，媒体停止播放但尝试继续播放时触发
3. 事件属性
段落标签： p/p，段落标签用于说明文本标题。 hx/hx，标题标签用于说明标题。 标题标记有六个级别的强调语句标记： em/em，用于强调特定文本的重要性。 strong/strong和em标签一样，用于强调文本，但也有没有意义的标签。 spaaang标签是没有意义的短文本引用标签： q/q，短文字引用长文字引用标签： blockquote/blockquote，定义长文字引用换行标签： br/4. 文本标签
链接标签： a/a图像标签： img/视频标签：视频/视频音频标签： audio/audio 5. 多媒体标签
无序列表标签： ul、li、
ul/ul列表定义了无序列表
li/li表示不需要列表中每个元素的有序列表。 ol，li定义列表： dl/dl，定义列表通常与dt/dt和dd/dd标签一起使用6. 列表标签
表标签table/table表的一行tr/tr表的表头th/th合并舒适的钻石td/td表，同一行内，colspan=“2”，同一行内，rowspan=“3”http://www.sinw .
7. 表格标签
单标签 <form><form></form> 表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
<form method="传送方式" action="服务器文件"> action，浏览者输入的数据被传送到的地方method，数据传送的方式输入标签 <input/>
name：为文本框命名，用于提交表单，后台接收数据用。
value：为文本输入框设置默认值。
type：通过定义不同的type类型，input的功能有所不同。
button按钮，下拉选择框 <select></select>
<option value="提交值"> 选项 </option>是下拉选择框里面的每一个选项文本域：<textarea></textarea>
当用户想输入大量文字的时候，使用文本域。cols，多行输入域的列数，rows，多行输入域的行数。
9. 其他语义化标签
盒子：<div></div>网页头部：<header></header>，html5新增语义化标签，定义网页的头部，主要用于布局，分割页面的结构底部信息：<footer></footer>，html5新增语义化标签，定义网页的底部，主要用于布局，分割页面的结构导航：<nav></nav>，html5新增语义化标签，定义一个导航，主要用于布局，分割页面的结构文章：<article></article>，html5新增语义化标签，定义一篇文章，主要用于布局，分割页面的结构侧边栏：<aside></aside>，语义化标签，定义主题内容外的信息，主要用于布局，分割页面的结构。时间标签：<time></time>，语义化标签，定义一个时间10. 网页结构
<!DOCTYPE html> 定义文档类型，告知浏览器用哪一种标准解释HTML<html></html>可告知浏览器其自身是一个 HTML 文档<body></body> 标签之间的内容是网页的主要内容<head></head> 标签用于定义文档的头部，它是所有头部元素的容器<title></title> 元素可定义文档的标题<link> 标签将css样式文件链接到HTML文件内<meta> 定义文档的元数据 CSS 知识点 CSS 权重及引入方式用CSS画三角形元素水平垂直居中的方案元素种类的划分盒子模型及其理解margin塌陷及合并问题浮动模型及清除浮动的方法圣杯布局与双飞翼布局Flex 布局px,em,rem的区别媒体查询HTML5 新特性Grid 布局行内元素的间距怎么解决伪类和伪元素有什么不同 JavaScript 知识点 原始值和引用值类型及区别判断数据类型的常用方法类数组和数组的区别与转换数组常见的 APIbind,call,apply的区别new的原理如何正确判断this闭包及其作用原型和原型链继承的实现方式及比较对象的深拷贝与浅拷贝防抖和节流作用域和作用域链、执行期上下文DOM 常见操作方法Ajax请求的过程JS垃圾回收机制JS中的String、Array和Math方法addEventListener 和 onClick() 的区别事件委托BOM的location对象浏览器从输入URL到页面渲染的整个流程跨域、同源策略及跨域实现方式和原理JavaScript 中的 argumentsEventLoop事件循环发布订阅者模式与观察者的实现函数柯里化及其通用封装“”和“=” 以及 Object.is() 的区别let、const和var的概念与区别Symbol概念及其作用Set 和Map 数据结构XSS 和 CSRF 攻击浏览器进程及重要的线程为什么 JS 引擎是单线程的为什么 GUI 渲染线程与 JS 引擎线程互斥JS 引擎线程与事件触发线程、定时器触发线程、异步 HTTP 请求线程前端常见性能优化defer 和 async 的区别Object.defineProperty 与 Proxy 的区别单页应用的好处使用 IntersectionObsever API 监听元素出现在视图gitflow 工作流服务端渲染与浏览器渲染webpack 打包原理CommonJS与ES6模块的差异箭头函数和非箭头函数的区别数组扁平化的几种方式input change keyup的区别
篇幅有限，需要前端学习资料可以【点击这里】免费获取《前端基础知识笔记》《前端基础面试题》 PDF完整版（包括题目与解析）。
《前端基础面试题》内容大概包括 HTML，CSS，JavaScript，浏览器，性能优化