内容简介:为了准备春招面试,对自己的知识点进行一个总结积累,第一篇是关于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
-
表单控件:
calendar
date
time
email
url
search
-
新的技术:
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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。