参考文档：https://blog.csdn.net/caseywei/article/details/81105544
*）DOCTYPE的作用
如：<!DOCTYPE html> 标志当前所用的HTML的版本
*）行内元素、块级元素
*）对浏览器内核的理解（网页的加载方式）：
主要分成两部分：渲染引擎(Layout Engine或Rendering Engine)和JS引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：解析和执行javascript来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
*）常见的浏览器内核：
IE内核
webkit内核(开源)：如：Chrome，猎豹。
Opera内核
*）HTML语义化的理解：以前标签是：div+CSS，语义化标签是通过标签的名字就能看出元素存放的什么内容。比如新增的语义化标签：<article> <section> <nav> <aside>、<header> <footer>
*）iframe的优缺点：
iframe能够原封不动的把嵌入的网页展现出来。
如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。
网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。
如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。
缺点：
搜索引擎的爬虫程序无法解读这种页面
框架结构中出现各种滚动条
使用框架结构时，保证设置正确的导航链接。
iframe页面会增加服务器的http请求
*）元素的alt和title的不同：
在alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字。
inline-block主要的用处是用来处理行内非替换元素的高宽问题的！
行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。
注意IE6不支持inline-block属性，可以用hack来解决：*display:inline;zoom:1;
具有行内元素的特征：不换行，能设置宽高。
img、input在默认情况下即为行内块状元素。
行内块状元素的特点是：
既能够设置宽高，又不独自占据一行
（块元素，如div、p等，默认情况下能设置宽高，但独自占据一行
行元素，如span、strong等，默认能够和其他行元素处于同一行，但是不能设置宽高）
*）本地存储（Local Storage ）和cookies（储存在用户本地终端上的数据）之间的区别是什么？
Cookies:服务器和客户端都可以访问；大小只有4KB左右；有有效期，过期后将会删除；
本地存储：只有本地浏览器端可访问数据，服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器；每个域5MB；没有过期数据，它将保留知道用户从浏览器清除或者使用Javascript代码移除。
localStorage.setItem('userCode','123');
localStorage.getItem('userCode');
*）你能描述一下渐进增强和优雅降级之间的不同吗?
渐进增强：从基础的功能版本做起，不断扩充，以适应未来环境的需要
优雅降级：针对最高级最完善的浏览器来设计，而将那些被认为过时的、或者功能缺失的浏览器的测试工作，安排在开发周期的最后。在这种设计理念下，对那些被认为过时的、不够好的浏览器，做一些调整去适应、兼容他们。