1.文档声明的作用？（doctype）
声明文档类型，告知浏览器使用哪种HTML或XHTML规范（告知浏览器的解析器，用什么文档类型，规范来解析这个文档）
严格模式与混杂模式的区别：
（1）严格模式下：页面排版及js解析是以该浏览器支持的最高标准执行
（2）混杂模式：不严格按照标准执行，主要用来兼容旧版本浏览器，向后兼容
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2.常见的浏览器内核
（1）IE浏览器：Trident内核，不开源，不跨平台
（2）Mozilla Firefox（火狐浏览器）：Gecko内核，开源，跨平台
（3）Chrome（谷歌浏览器）：Blink内核，开源，跨平台
（4）Safari（苹果浏览器）：Webkit内核，开源，跨平台
（5）Opera（欧朋浏览器）：Blink内核，开源，跨平台
国内大部分浏览器都是IE+Chrome双内核
大部分手机浏览器都是webkit内核
浏览器兼容性：
（1）png-24的图片在IE6会出现背景，解决：改为png-8
（2）浏览器默认的margin和padding不同，解决：加全局margin为0，padding为0来统一
（3）超链接访问过后hover样式就不出现了，改变CSS属性的排列顺序
（4）属性过滤器
_background:blue //ie6识别
background：yellow！important //只有IE6不识别
*background:blue //ie6,ie7识别
background:blue \9 //ie6,7,8,9,10识别
background:blue \0 //ie8以上浏览器识别
L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}
3.div+css布局较table布局有什么优点？
（1）改版更方便，只需要更改css文件
（2）页面加载速度更快，结构化清晰，页面是显示简洁
（3）表现与结构相分离
（4）易于优化，搜索引擎更方便，排名更容易靠前
4.img的alt与title有何区别？
alt:图片加载失败时的替换信息，具有优化作用
title：鼠标滑动到图片上时显示的提示信息
5.渐进增强与优雅降级的区别
（1）渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果，交互的改变和追加功能，达到更好的用户体验。
（2）优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容
6.为什么利用多个域名来存储网站资源会对网页更有效？
（1）CDN缓存更方便
（2）突破浏览器并发限制
（3）节约cookie带宽
（4）节约主域名连接数，优化页面响应速度
（5）防止不必要的安全问题
7.对网页标准和标准制定机构重要性的理解
网页标准和标准制定机构都是为了能让web发展的更“健康”，开发者遵循统一的标准，降低开发难度和开发成本，SEO也会更好做，也不会因为滥用代码导致各种bug和安全问题，最终提高网站易用性
8.cookie，sessionStorage和localStorage的区别
（1）cookie：存储数据量小（4kb），可以设置存储时间，到期自动删除
缺点：每次请求一个新的页面，cookie都会被发送过去，无形中浪费了带宽，cookie还需要指定作用域，不可以跨域调用
注意：
**cookie的作用是与服务器进行交互，web Storage仅仅是为了在本地存储数据而生**
（2）sessionStorage：将数据临时存储，离开当前页面就删除
（3）localStorage：持久化的本地存储，除非主动删除，否则永远都不会过期
9.src和href的区别
（1）src 用于替换当前元素。指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在的位置；在请求src资源时，会将其指向的资源下载并应用到文档内
（2）href 用于当前文档和引用资源之间确立联系。指向网络资源所在的位置，建立和当前元素或当前文档之间的链接
10.网页制作会用到的图片格式有哪些？
png-8 png-24 jpeg gif svg Webp
Webp：WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。
网友评论