前端面试知识点(1)——前端基础HTML

1.浏览器和对应的内核？

渲染引擎：
IE -> Trident
Firefox -> Gecko
Safari -> webkit
Chrome -> Blink（基于webkit）
Opera -> Blink（基于webkit）

JS引擎
IE -> Chakra
Firefox -> 最早SpiderMonkey 现在OdinMonkey
Safari -> webkit
Chrome -> V8（Node基于此）
Opera -> Caracan

2.行内（内联）元素和块级元素的区别？它们分别包含哪些标签？inline-block元素有什么特点？

行内元素：和其他元素在一行上，不能设置宽高和上下margin或padding，不能包含块级元素；
常见的行内元素：a,img,input,span,textarea,i,em,strong

块级元素：另起于新的一行，宽高和边距可控，可以包含行内以及块级元素。
常见的块级元素：div,p,h1~h6,table,ol,ul,form

inline-block：对内块级，对外内联。

3. 为什么HTML5 为什么只需要写 ？

因为HTML5不基于SGML（标准通用标记语言），所以不需要DTD解释标记语言（DTD规定标记语言的规则）。

doctype不正确会导致使用兼容模式，兼容模式向后兼容老版本，标准模式浏览器以最高标准渲染和解析JS。

4.XHTML和HTML的区别？

前者更加严格，XHTML是HTML向XML的过渡产物。

5.清除浮动的三种方法？

问题在于：若浮动，父元素无法被撑开，背景不显示，边距无作用。
clear:both 新增子元素，并设置浮动清除。
overflow:auto 给父元素设置overflow，需要zoom:1处理兼容问题。
:after 给父元素增加伪类，并设置浮动清除。

6.前端页面由哪三层构成？

结构层HTML
表示层CSS
行为层JS

7.盒模型

w3c盒模型：content、padding、margin、border
ie 盒子模型的 content 部分包含了 border 和 pading

8.css选择器

id、class、tag
子选择器、后代选择器、伪类选择器

9.CSS3新特性

圆角、渐变、阴影、旋转

10.HTML文档的由三种节点的构成？

元素节点 -> 文本节点 属性节点

11.HTML5新特性？

新的文档声明
语义化标签，比如 article、footer、header、nav
绘画canvas
用于媒介回放的video和audio元素
HTML5 地理定位
HTML5 Web 存储，localStorage和sessionStorage
HTML5 Web Workers，运行在后台的javascript
表单控件，calendar、date、time、email、url、search
WebSocket长连接

12.css隐藏元素

display:none
visibility:hidden
position

13.页面导入样式时，使用link和@import有什么区别？

link属于XHTML标签，除了加载CSS外，还能用于定义RSS,；而@import是CSS提供的，只能用于加载CSS。
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载。