HTML面试题(一)

干货

一、doctype 的作用？严格模式与混杂模式如何区分？它们有何意义？

doctype是document type的缩写，声明于文档的最前面且并不属于html的标签。
作用是告知浏览器的解析器是用html规范还是使用xhtml的规范来解析页面。
严格模式又称为标准模式，是以W3C的标准来解析代码，如果正确书写标签则代表严格模式。
混杂模式又称为怪异模式或兼容模式，是指浏览器按照自己的方式来解析代码，如果不书写标签或书写错误则会造成混杂模式。

二、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？

行内元素：a，b，em，i，input，apan，strong，textarea等。
块级元素：div，ul，li，dl，dd，dt，ol，p，h1，h2，h3，h4，h5，h6等。
空元素：空元素就是单闭合标签。
br，img，input，link，meta等。

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

link属于XHTML标签，而@import时有CSS提供的。
link是在页面加载的时候同时进行的，@import是页面加载完成之后才会执行的。
link不存在兼容问题，而@import只有在IE5以上才能使用。
link的优先级高于@import
link可以通过js改变样式，而@import不支持

四、浏览器的内核

五大浏览器为：谷歌(以前是Webkit内核，现在是Blink内核)，火狐(Gecko)，IE(Trident)，苹果(Webkit)，欧鹏(Blink)
内核可以分为两部分：渲染引擎和js引擎
渲染引擎：获取html，css，图片等，浏览器不同，内核就不同，渲染的方式就不同，进而渲染的效果也不一样。
js引擎：解析和执行js代码，来实现动态效果。

五、HTML5的新特性

HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务功能的增加。
新特性有
1.绘画canvas
2.video和audio
3.本地离线存储，localstorage和sessionstorage
4.语义化标签：footer，header，nav
5.表单控件

六、HTML语义化的理解

用正确标签做正确的事，语义化能让页面更结构化，便于浏览器搜索引擎的解析，在没有css的情况也能以文档格式显示，便于理解和阅读，以及阅读源码的人更容易将网站分块，便于阅读理解和维护。

七、描述一下cookis，sessionStorage，localStorage的区别

cookis是一个保存在用户本地的文件，可以被浏览器禁用掉，不安全，大小只有4kb，可以设置过期时间。
sessionStorage和localStorage是由H5提供的，相对cookie来说存储空间大很多，相对安全，前者是在浏览器关闭时删除，后者则会始终保存。
cookie的数据会自动传到服务器，服务器也可以写cookie到客户端，后两者则不会发送到服务器，只能在本地保存。

八、iframe有哪些缺点

iframe在H5时被舍弃。
多页面不易于管理，代码复杂部分搜索引擎无法解读，兼容性差，增加请求大型网站不能使用。