内容简介：为了准备春招面试，对自己的知识点进行一个总结积累，第一篇是关于HTML方面的知识点，后续如果遇见新题会进行继续的补充HTML语义化简单来说就是，段落使用告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
前记
为了准备春招面试，对自己的知识点进行一个总结积累，第一篇是关于HTML方面的知识点，后续如果遇见新题会进行继续的补充
什么是 HTML 语义化，有什么好处
HTML语义化简单来说就是，段落使用 <p></p>
，侧边栏用 <aside></aside>
，主要内容使用 <main></main>
。
- 有助于构架良好的HTML结构
- 有助于搜索引擎建立索引、抓取，有利于SEO
- 有利于不同设备的解析
- 有利于团队的开发维护
为什么要在html文件开头加上一个<!DOCTYPE html>
告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
HTML5为什么只需要写 <!DOCTYPE html>？
HTML5不基于SGML，所以不需要引用DTD(DTD 文档类型定义）。在HTML5中<!DOCTYPE>只有一种
<!DOCTYPE html>
在HTML4.01中，<!DOCTYPE>声明引用DTD，因为HTML4.01基于SGML。DTD规定了标记语言的规则，这样浏览器才能正确的呈现内容。在HTML4.01中有三种<!DOCTYPE>声明。
行内元素有哪些？块级元素有哪些？
-
行内元素：
a、span、img、input、select -
块级元素：
div、ul、ol、li、p
meta viewport 是做什么用的，怎么写？
控制页面在移动端不要缩小显示。
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
HTML5的新增特性
新增加了图像、位置、存储、多任务等功能。
-
新增功能标签：可以用作画板的
canvas，用于媒介回放的video和audio元素等 -
本地离线存储：
localStorage长期存储数据，浏览器关闭后数据不丢失;sessionStorage的数据在浏览器关闭后自动删除 -
语意化更好的标签：
figure、footer、header、aside、time等标签 -
位置API：
Geolocation -
表单控件：
calendardatetimeemailurlsearch -
新的技术：
Web Worker(web worker是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行)Web Socket -
拖放API：
drag、drop - 离线网路程序：能够让网页在客户端本地高效地离线运行。
- History API：允许对浏览器历史记录进行操作。这对于那些交互地加载新信息的页面尤其有用。
介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎(Layout Engine或Rendering Engine)和JS引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：解析和执行javascript来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
常见的浏览器内核及对应浏览器
Trident Gecko Presto Webkit Blink
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
JavaScript Patterns
Stoyan Stefanov / O'Reilly Media, Inc. / 2010-09-21 / USD 29.99
What's the best approach for developing an application with JavaScript? This book helps you answer that question with numerous JavaScript coding patterns and best practices. If you're an experienced d......一起来看看 《JavaScript Patterns》 这本书的介绍吧!
