HTML

每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

告诉浏览器按照何种规范解析页面

自从IE5.5引入文档模式的概念，其他浏览器也开始效仿，但是到了现在编码大多数都是使用的标准模式。

div+css的布局较table布局有什么优点？

• 样式修改只动CSS文件就可以实现
• 页面加载速度更快、结构化清晰
• 易于优化（seo）搜索引擎更友好

你能描述一下渐进增强和优雅降级之间的不同吗?

• 渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
• 优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。

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

• 节约主域名的连接数，优化页面响应速度
• CDN缓存更方便
• 突破浏览器并发限制

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

• sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
• localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
• cookie还需要指定作用域，不可以跨域调用。并且存储数据量小。

简述一下src与href的区别

• src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置。如<script src =”js.js”></script>当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。
• href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如<link href=”common.css” rel=”stylesheet”/>那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。

你如何理解HTML结构的语义化？

• 去掉或样式丢失的时候能让页面呈现清晰的结构
• 搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重
• 便于阅读源码，团队开发和维护起来容易