HTML+CSS 面试题-img 的 alt 与 title 有何异同？渐进增强和优雅降级之间的不同？为什么利用多个域名来存储网站资源会更有效？请谈一下你对网页标准和标准制定机构重要性的理解

img 的 alt 与 title 有何异同？

alt (alt text)： 在不能显示图像、窗体或 applets 的用户代理（UA）时，可用 alt 属性来指定替换文本，替换文字的语言由 lang 属性指定（在 IE 浏览器下会在没有 title 时把 alt
当成 tool tip 显示）

title (tool tip)：该属性为设置该属性的元素提供建议性的信息，一般在鼠标悬停在元素上时显示

渐进增强和优雅降级之间的不同？

渐进增强

针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级

一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别

优雅降级是从复杂的现状开始，并减少用户体验的供给；这样可以在较短时间内开发出一个只用于一个浏览器的完整功能版

而渐进增强则是从一个非常基础的能够起作用的版本开始，并不断扩充，以适应未来环境的需要；相对于优雅降级来说，开发周期更长，初期投入资金更大； 但是也有一些好处，就是提供了较好的平台稳定性，维护起来资金小， 从长期来说降低了开发成本

降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带

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

主要原因：

• CDN 缓存更加方便

• 突破浏览器并发限制

• 节约 cookie 带宽

• 节约主域名的连接数，优化页面响应速度

• 对于UGC的内容和主站隔离，防止不必要的安全问题

请谈一下你对网页标准和标准制定机构重要性的理解

网页标准和标准制定机构都是为了能让 web 发展的更 “健康”，开发者遵循统一的标准，降低开发难度，开发成本，SEO 也会更好做，也不会因为滥用代码导致各种 BUG、安全问题，最终提高网站易用性。

以上内容均为网上收集整理，仅供参考