你猜我为啥秃头
前端开发文员
早日退休。
获得徽章 0
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
#每天一个知识点# 开始背题：
HTML知识点
1.src和herf的区别：
src指对资源的引用，src所指向的内容嵌入在标签当前位置，对引入的资源进行下载和应用，例如请求js脚本。浏览器解析到该元素时，停止对其他元素的下载和处理，直到该元素加载、编译、执行完毕。js脚本一般放在页面的下方。
href是超文本引用，引用网络资源，与该元素或该文本建立连接。浏览器识别到时，对指向的资源并行下载，不会停止对该文本的处理。用于a、link标签中。
2.DOCTYPE（文档类型）的定义
DOCTYPE是html5中的一种标准通用标记语言的文档类型声明，目的是让浏览器识别应该以什么样的文档类型定义来解析文档，不同的渲染模式对CSS代码甚至javascript脚本的解析有影响。声明在html文档第一行。
浏览器渲染有两种模式：标准模式和怪异模式，用documen.compatMode获取。
CSS1Compat：标准模式，也是默认模式，浏览器使用 W3C的标准 解析渲染页面，浏览器以其支持的最高标准呈现页面。
BackCompat：怪异模式（混杂模式），是浏览器自己的渲染模式，以一种更宽松的向后兼容的方式解析渲染页面。
3.HTML5新特性
1>语义化标签
2>增强型表单
3>视频和音频
4>cvans绘图
5>SVG绘图
6>地理定位
7>API拖拽
8>WebWorker
9>WebStorage
10>WebSocket
4.iframe定义：可以包含另一个页面的行内元素
优点：能加载速度较慢的内容（如广告）
能实现跨子域通信
使脚本并行下载
缺点：阻塞主页面onLoad事件
产生的页面太多，不易管理
一些搜索引擎无法识别
5.Canvas和SVG
Canvas是画布，通过JavaScript绘制图形，逐像素渲染。
SVG是可缩放矢量图形，基于可扩展标记语言XML描绘的2D图形语言。
HTML知识点
1.src和herf的区别：
src指对资源的引用，src所指向的内容嵌入在标签当前位置，对引入的资源进行下载和应用，例如请求js脚本。浏览器解析到该元素时，停止对其他元素的下载和处理，直到该元素加载、编译、执行完毕。js脚本一般放在页面的下方。
href是超文本引用，引用网络资源，与该元素或该文本建立连接。浏览器识别到时，对指向的资源并行下载，不会停止对该文本的处理。用于a、link标签中。
2.DOCTYPE（文档类型）的定义
DOCTYPE是html5中的一种标准通用标记语言的文档类型声明，目的是让浏览器识别应该以什么样的文档类型定义来解析文档，不同的渲染模式对CSS代码甚至javascript脚本的解析有影响。声明在html文档第一行。
浏览器渲染有两种模式：标准模式和怪异模式，用documen.compatMode获取。
CSS1Compat：标准模式，也是默认模式，浏览器使用 W3C的标准 解析渲染页面，浏览器以其支持的最高标准呈现页面。
BackCompat：怪异模式（混杂模式），是浏览器自己的渲染模式，以一种更宽松的向后兼容的方式解析渲染页面。
3.HTML5新特性
1>语义化标签
2>增强型表单
3>视频和音频
4>cvans绘图
5>SVG绘图
6>地理定位
7>API拖拽
8>WebWorker
9>WebStorage
10>WebSocket
4.iframe定义：可以包含另一个页面的行内元素
优点：能加载速度较慢的内容（如广告）
能实现跨子域通信
使脚本并行下载
缺点：阻塞主页面onLoad事件
产生的页面太多，不易管理
一些搜索引擎无法识别
5.Canvas和SVG
Canvas是画布，通过JavaScript绘制图形，逐像素渲染。
SVG是可缩放矢量图形，基于可扩展标记语言XML描绘的2D图形语言。
展开
评论
6
赞了这篇沸点
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
