lph159的博客

HTML5 的离线存储是指 Web 应用能够将数据存储在客户端，即使没有网络连接，也能够访问存储的数据。它包含了几种不同的存储机制，包括IndexedDBApplication Cache（已弃用）等。HTML5 的离线存储技术使得 Web 应用能够在没有网络的情况下继续工作，为用户提供了更好的体验。Web Storage（localStorage 和 sessionStorage）：适用于简单的键值对存储，易于使用。IndexedDB：适用于存储大量结构化数据，支持事务、索引和查询。

Web Worker 是一种浏览器 API，允许你在后台线程中运行 JavaScript 脚本，从而避免了长时间的脚本执行阻塞主线程。通过使用 Web Worker，开发者可以在后台处理复杂的计算任务，保证前端界面的响应性。Web Worker：是一种在后台线程中执行 JavaScript 脚本的技术，能够使 Web 应用支持并发操作，避免阻塞主线程。通信机制：主线程和 Worker 之间通过和onmessage实现数据的传递。限制：不能直接操作 DOM，只能进行数据处理；需要注意资源开销和线程数量。

行内元素：不会占据一整行，通常用于文本内的样式或小范围元素，无法包含块级元素。块级元素：占据一整行，通常用于构建页面的结构，能够包含其他块级元素或行内元素。空元素：没有内容和结束标签，通常用于插入外部资源或特定功能，如图片、表单元素、换行等。

srcsetsrcset属性是 HTML5 中非常强大的一个功能，它允许开发者为不同屏幕尺寸和分辨率的设备提供合适的图片源，从而提高页面加载效率，优化图像显示效果。通过合理使用srcset，可以实现响应式图片加载和高分辨率屏幕优化，提升用户体验和网页性能。

HTML5 的出现标志着 Web 开发的一次巨大进步，它通过引入新的语义元素、多媒体支持、客户端存储、绘图、实时通信等特性，为前端开发带来了更高效、更丰富的开发体验。HTML5 使得网页不仅限于传统的静态内容展示，更可以成为功能丰富的 Web 应用平台。

meta>标签通常位于 HTML 文档的部分。它本身并不产生任何可见内容，但通过其属性提供网页的相关信息。标签可以有多个属性，最常见的包括 charset、name、http-equiv、content 等。标签是 HTML 中非常重要的元素之一，通过它可以提供页面的各种元信息，如字符编码、页面描述、作者、SEO 关键词、视口设置等。掌握常用的标签及其作用，不仅有助于提高网页的 SEO 排名，还可以优化网页的用户体验。

defer特性deferasync加载方式异步加载，非阻塞文档解析异步加载，非阻塞文档解析执行时机文档解析完成后、事件触发之前执行加载完成后立即执行执行顺序按照脚本在 HTML 中的顺序执行加载完成后立即执行，顺序不确定适用场景用于需要操作 DOM 且顺序执行的脚本用于独立、无关紧要的脚本，比如分析、广告脚本等对页面渲染的影响不会阻塞文档解析，页面渲染不受影响不会阻塞文档解析，页面渲染不受影响。

DOCTYPE>声明（即文档类型声明）位于 HTML 文档的最顶部，用于告诉浏览器当前文档所遵循的 HTML 或 XML 版本。这是 HTML 文档的必需部分，它告诉浏览器应该如何解析和渲染网页。

HTML 语义化是指在网页中使用具有明确含义的 HTML 标签来构建页面结构，使网页内容更加有意义和清晰，而不仅仅是依靠和等非语义化标签。语义化标签能明确告诉浏览器和开发者每个元素的用途。例如，表示页面头部，表示页面底部，表示文章内容，而不使用无意义的或。

在 Web 开发中，我们经常会看到 `src` 和 `href` 这两个属性，特别是在 HTML 中，它们用于指定资源的位置。虽然它们看起来非常相似，但实际用途却大不相同。理解这两者的区别是前端开发的基础，尤其是当你进行面试时，掌握这些基础知识能够帮助你轻松回答相关问题。本文将详细解析 `src` 和 `href` 的使用场景、作用以及它们之间的区别。