本文探讨了主流浏览器内核的区别，doctype声明的作用，div+css布局相较于table的优势，img属性的alt与title区别，以及强弱标签的用法。还讲解了渐进增强和优雅降级的概念，为何使用多域名资源存储，网页标准的意义，src与href的区别，和网页制作中常见的图片格式。
以下题目皆是由老师整理，非本人胡编乱造，大家可放心观看。
目录
1:主流浏览器的内核分别是什么？
IE：trident内核 [‘traidnt ]
Firefox：gecko 内核 [ˈɡekəʊ]
Safari：webkit 内核
Chrome,Opera：Blink内核(基于webkit)
2:每个HTML文件开头都有<!DOCTYPE html>，它的作用是什么
<!DOCTYPE html>声明位于文档中的最前面的位置，此标签告知浏览器文档使用哪种HTML或XHTMl规范（重点：告诉浏览器按照何种规范解析页面）
严格模式下：页面排版及 JS 解析是以该浏览器支持的最高标准来执行 。
混杂模式：不严格按照标准执行，主要用来兼容旧的浏览器，向后兼容。
<!DOCTYPE html>不存在或格式不正确会导致文档以混杂模式呈现。
3: div+css的布局较table布局有什么优点？
（1）div+css布局的好处：
a.符合W3C标准，结构、样式和行为分离，代码结构清晰明了，带来足够好的可维护性。
b.布局精准，网站版面布局修改简单。
c.加快了页面的加载速度（最重要的）。
d.用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网页的搜索效率。
（2）table布局的好处：
a.容易上手。
b.可以形成复杂的变化，简单快速。
c.表现上更加“严谨”，在不同浏览器中都能得到很好的兼容。
4:img的alt属性与title属性有何异同
alt属性:在图片无法加载的时候才会显示的其值。
title属性:在图片正常加载鼠标划上去显示的值。
5:strong标签与em标签的异同
strong:粗体强调标签，强调，表示内容的重要性。
em:斜体强调标签，更强烈强调，表示内容的强调点 。
6:渐进增强和优雅降级之间的不同
渐进增强（progressive enhancement） [prəu'ɡresiv][ɪnˈhɑːnsmənt]
：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级( graceful degradation)[ˈɡreɪsfl ,deɡrəˈdeɪʃn]：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
渐进增强的观点关注内容本身。
优雅降级的观点更关注主流浏览器，一些特定的浏览器，除修复较大的错误外，其他的差异将会被直接忽略。
7:为什么利用多个域名来存储网站资源
（1）CDN缓存更方便（CDN主要用来使用户就近获取资源）。
（2）突破浏览器并发限制（同一时间针对同一域名下的请求有一定数量限制，超过限制数目的请 求会被阻塞。一些静态资源，如果放到不同的域名下面就能实现与其他资源的并发请求）。
（3）节约 cookie 带宽
（4）节约主域名的连接数，优化页面响应速度
（5）对于UGC的内容和主站隔离，防止不必要的安全问题
8:网页标准和标准制定机构的意义
网页标准的制定，使得web发展的更健康，提高网站的易用性。
a、开发者遵循统一的标准，降低了开发难度和开发成本
b、SEO优化网页也会更加方便，不会因为滥用代码出现各种bug和安全问题。
9:简述一下 src与 href 的区别
src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。
Src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在的位置。例如：js脚本，img图片，frame等。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，这也是为什么将js 脚本放在底部而不是头部。
href 是 Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来加载 css，而不是使用@import 方式。
10:网页制作会用的图片格式有哪些
Png jpeg gif svg webp
webp格式：谷歌开发的新的图片格式，体积小，质量好，但兼容性略差
Png格式：png是一种采用无损压缩算法的位图格式。PNG格式有8位、24位、32位三种形式，其中8位PNG支持两种不同的透明形式，24位PNG不支持透明，32位PNG在24位基础上增加了8位透明通道，因此可展现256级透明程度。
Gif格式：gif是位图图形文件格式。gif中文意思为“图像互换格式”,是一种比较常用的动态图像格式,以8位色(即256种颜色)重现真彩色的图像。gif格式文件实际上是一种压缩文档,采用LZW压缩算法进行编码,能有效地减少了图像文件在网络上传输的时间。
svg格式：svg是一种开放标准的矢量图形语言，是可缩放的矢量图形格式。svg格式的图像可任意放大图形显示，而且边缘异常清晰，生成的文件很小，方便传输，文字在svg图像中保留可编辑和可搜寻的状态，没有字体的限制，所以十分适合用于设计高分辨率的Web图形页面。
jpeg格式：JPEG格式是最常用的图像文件格式，后缀名为.jpg或.jpeg。
本期到此结束，后面呢也会持续更新此系列，下次将分享一下，本人最近制作的简单拼多多页面，整体也不难，难得地方我也不会。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
