HTML基础知识点一

1、浏览器内核都有哪些？分别是哪种浏览器使用？

IE: trident 内核
Firefox：gecko 内核
Safari:webkit 内核
Opera:以前是presto 内核，Opera 现已改用Google Chrome 的Blink 内核
Chrome:Blink(基于webkit，Google 与Opera Software 共同开发)

2、Doctype文档声明是用来干什么的？

声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。**（重点：告诉浏览器按照何种规范解析页面）**

3、优雅降级与渐进增强之间的不同点？

渐进增强progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。优雅降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。
（1）、“优雅降级”观点
“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限定为主流浏览器（如IE、Mozilla等）的前一个版本。在这种设计范例下，旧版的浏览器被认为仅能提供“简陋却无妨(poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较大的错误之外，其它的差异将被直接忽略。
（2）、“渐进增强”观点
“渐进增强”观点则认为应关注于内容本身。内容是我们建立网站的诱因。有的网站展示它，有的则收集它，有的寻求，有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被Yahoo! 所采纳并用以构建其“分级式浏览器支持(Graded Browser Support)”策略的原因所在。
那么问题来了。现在产品经理看到IE6,7,8 网页效果相对高版本现代浏览器少了很多圆角，阴影（CSS3），要求兼容（使用图片背景，放弃CSS3），你会如何说服他？

4、为什么利用多个域名来存储网站资源会更有效？

（1）、CDN 缓存更方便
（2）、突破浏览器并发限制
（3）、节约cookie 带宽
（4）、节约主域名的连接数，优化页面响应速度
（5）、防止不必要的安全问题

5、请描述一下cookies、sessionStorage和localStorage的区别？

（1）、sessionStorage （session）中的数据
sessionStorage （session）中的数据，这些数据只有在同一个会话中的页面才能访问
并且当会话结束后数据也随之销毁。因此sessionStorage 不是一种持久化的本地存储，仅
仅是会话级别的存储。而localStorage 用于持久化的本地存储，除非主动删除数据，否则
数据是永远不会过期的。
（2）、web storage 和cookie 的区别
Web Storage 的概念和cookie 相似，区别是它是为了更大容量存储设计的。Cookie 的大小
是受限的，并且每次你请求一个新的页面的时候Cookie 都会被发送过去，这样无形中浪费
了带宽，另外cookie 还需要指定作用域，不可以跨域调用。
除此之外，Web Storage 拥有setItem,getItem,removeItem,clear 等方法，不像cookie
需要前端开发者自己封装setCookie，getCookie。但是Cookie 也是不可以或缺的：Cookie
的作用是与服务器进行交互，作为HTTP 规范的一部分而存在，而Web Storage 仅仅是为
了在本地“存储”数据而生。

6、简述一下src 与href 的区别？

src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。
src 是source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src 资源时会将其指向的资源下载并应用到文档内，例如js 脚本，img 图片和frame 等元素。

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js 脚本放在底部而不是头部。
href 是Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加

那么浏览器会识别该文档为css 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link 方式来加载css，而不是使用@import 方式。

7、新技术图片格式：Webp格式

WebP 格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG 的2/3，并能节省大量的服务器带宽资源和数据空间。FacebookEbay 等知名网站已经开始测试并使用WebP 格式。在质量相同的情况下，WebP 格式图像的体积要比JPEG 格式图像小40%