前端HTML常见面试题

Html

1. doctype 作用？严格模式与混合模式如何区分？它们有何意义？

声明可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

在标准模式中，浏览器根据规范呈现页面；

在混杂模式中，页面以一种比较宽松的向后兼容的方式显示

2. 行内元素有哪些？块级元素有哪些？空（void）元素有哪些？

块级元素：div、p、h1-h6、ol、ul、table、form

行内元素：span、a、img、input、select、small 

空元素：没有内容的元素、 br、 hr

3.html5有哪些新特性？

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

新的内容元素，比如 article、footer、header、nav、section、menu

新的表单控件，比如 number、date、time、email、url、search、color、range、month、week、datetime、datetime_local

4. html5存储类型有什么区别？

cookies:服务器和客户端都可以访问，大小只有4KB左右，有有效期，过期后将会删除；

localStorage:将数据保存在本地的硬件设备，没有时间限制，关闭浏览器也不会丢失。永久保存

sessionStorage:将数据保存在session对象中，关闭浏览器后数据也随之销毁。临时保存

5.HTML5 Canvas 元素有什么用？

绘制图形，利用javascripte脚本进行绘画。

6. 对HTML语义化的理解？

根据内容的结构化、选择合适的标签，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好的解析。

语义化好处：

1）有利于SEO

2）在没有CSS的情况下，页面也能呈现出很好地内容结构

3）便于开发和维护

4）支持多终端设备的浏览器渲染

7. iframe框架有哪些优缺点？

优点：iframe能够原封不动的把嵌入的网页呈现出来

如网页需统一风格，可以用iframe来嵌套，可以增加代码的可重用

第三方内容如图标和广告，也可由iframe来解决

缺点：搜索引擎的爬虫程序无法解读这种页面

框架结构会出现很多滚动条

iframe页面会增加请求