预录为了准备春招面试，总结积累自己的知识点。第一篇文章是关于HTML知识点的。遇到新问题会继续补充什么是HTML语义，HTML语义有什么好处简单说就是段落用
，侧边栏用
，正文用<主要>。一个结构良好的HTML结构有利于搜索引擎的索引和抓取，有利于SEO。它有利于分析不同的设备。有利于团队的发展和维护。为什么要在html文件的开头加一个，告诉浏览器浏览器使用哪个版本的HTML规范来渲染文档。缺少或格式不正确的DOCTYPE将导致HTML文档以混杂模式呈现。为什么HTML5只需要写？HTML5不是基于SGML，所以没有必要参考DTD（DTDDocumentTypeDefinition）。在HTML5中只有一个在HTML4.01中，声明指的是DTD，因为HTML4.01是基于SGML的。DTD规定了标记语言的规则，以便浏览器能够正确地呈现内容。HTML4.01中有3个声明。什么是内联元素？什么是块级元素？行内元素：a,span,img,input,select块级元素：div,ul,ol,li,pmeta什么是视口，怎么写？不缩小移动端控制页面的显示。
HTML5的新特性增加了图片，位置、存储、多任务处理等。新增功能标签：可用作画板的Canvas、媒体播放的视频和音频元素等。本地离线存储：localStorage长期存储数据，关闭浏览器后数据不会丢失；sessionStorage数据在浏览器关闭后自动删除。更好的标签：figure,footer,header,aside,time等标签位置API：Geolocation表单控件：日历日期时间邮件url搜索新技术：WebWorker（webworker是后台运行的JavaScript，独立于其他脚本，将不影响页面的性能，你可以继续做任何你想做的事情：点击，选择内容等，而webworker在后台运行）WebSocketdraganddropAPI:drag,drop离线网络程序：允许网页在客户端本地高效离线运行。HistoryAPI：允许操纵浏览器历史记录。这对于以交互方式加载新信息的页面特别有用。谈谈你对浏览器内核的理解？主要分为两部分：渲染引擎??（LayoutEngine或RenderingEngine）和JS引擎。渲染引擎：负责获取网页的内容（HTML、XML、图片等），组织信息（如添加CSS等），计算网页的显示方式，然后输出到显示器或打印机。不同的浏览器内核对网页的语法解释不同，因此呈现的效果也不同。JS引擎：解析执行javascript，实现网页动态效果。起初，渲染引擎和JS引擎并没有明确区分。后来JS引擎越来越独立，内核趋向于只指渲染引擎。常见浏览器内核及对应浏览器Trident：IE内核Gecko：Firefox内核Presto：Opera前内核（废弃）Webkit：Safari内核，Chrome内核原型，开源Blink：由Google和OperaSoftware开发，Chrome（28及以后版本之间的区别在Opera（15及以后版本）、Opera（15及以后版本）、Yandex浏览器中使用defer和async，没有defer和async，当浏览器遇到script标签时，会立即加载并执行tag,"immediately"表示在渲染script标签下的文档元素之前，也就是说不等待后续加载的文档元素一读取就加载执行。使用defer，后续文档元素的加载过程将与script.js的加载并行（异步）执行，但是script.js的执行必须在所有元素解析完成后，DOMContentLoaded事件触发前完成。使用async，后续文档元素的加载和渲染过程将与script.js的加载并行（异步）进行，但会在script.js加载完成后立即执行，即加载和渲染随后的文档元素将停止，并执行script.js。如图，但是关于defer需要注意以下几点。这张图没有涵盖的是它按照加载的顺序执行脚本。这点要好好利用。关于async，它的脚本加载顺序是乱序的。加载后谁先执行
