HTML+CSS 面试题-简述一下 src 与 href 的区别。知道的网页制作会用到的图片格式有哪些？知道什么是微格式吗？谈谈理解；在前端构建中应该考虑微格式吗？

简述一下 src 与 href 的区别

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接；如果我们在文档中添加 <link href="min.css" rel="stylesheet"/> 那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理,这也是为什么建议使用 link 方式来加载 css，而不是使用 @import 方式。

src 是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置（替换当前元素）；在请求src资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理（同步操作），直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将 js 脚本放在底部而不是头部。

知道的网页制作会用到的图片格式有哪些？

png-8、png-24、jpeg、gif、svg、webp

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

知道什么是微格式吗？谈谈理解；在前端构建中应该考虑微格式吗？

微格式（Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开
放标准。是为特殊应用而制定的特殊格式。

优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。

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