HTML

iframe 标签允许我们将来自其他来源（其他网站）的内容嵌入到我们的网页中。 从技术上讲，iframe 创建了一个新的嵌套浏览上下文。这意味着 iframe 中的任何内容都不会干扰父页面，反之亦然。

重排和重绘是关键渲染路径中的两步，本文将介绍它们两个的影响。 重绘（Repaint） 当对元素所做的更改明显改变其外观但不影响其布局时，将发生重绘。 这方面的例子包括 outline、visibili

您是否曾经遇到过 CSS 定位困境，即带有 position: absolute 的元素没有按预期进行定位？ 我们知道，在元素上设置绝对位置将使其相对于最近的祖先进行定位，最近的祖先将其 positi

WebP 是 Google 开发的一种开源图像格式，它承诺生成比 JPG 和 PNG 格式更小的图像，同时生成更好看的图像。 WebP 支持透明度，如 PNG 和 GIF 图像 WebP 支持动画，例

任何 HTML 文档都必须在第一行以 Document Type Declaration（缩写为 doctype，文档类型声明）开头，它告诉浏览器页面中使用的 HTML 版本。 此文档类型声明（不区分

HTML lang 属性（例如 lang="en"）对于创建可访问的网站是必不可少的。没有它，浏览器和辅助技术只能猜测网站的语言，导致糟糕的用户体验。 虽然我知道 lang 属性很重要，但我不知道它还

Emmet 是一个自动将代码片段扩展为 HTML 的工具。它包含在 VS Code 中。 例如以下片段： 将展开为： Emmet 还提供了其他一些快捷方式提升 HTML 开发效率。 添加 VS Cod

本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的，大部分都还在维护，不常维护的在这里就不搬上来的。内容多，慢慢细品。 sass 专业级 CSS扩展语言。 lesscss - 动态样式表语言。 tailwindcss 实用程序优先的CSS…

什么是 ARIA？ ARIA 可以通过 HTML 属性为屏幕阅读器提供了额外的信息。其不影响元素如何被渲染在浏览器中。 ARIA role 没有为大多数元素的默认语义添加任何内容。 您可以通过遵循 A

<abbr> 元素用于表示和定义首字母缩略词，当你传递一个 title 属性时，它将创建一个工具提示。 如果用户将鼠标悬停在缩写词上，则完整定义将显示在本机浏览器工具提示中。 如果用户将鼠标悬停在缩写

HTML 文档的内容可以是多种不同的语言。 为了指定文档的主要语言，我们可以在根元素上使用 lang 属性。 我们还可以在页面中使用 lang 属性来划分与文档主语言不同语言的特定元素或部分。 我们为

Emmet（前身为 Zen Coding）是许多流行的文本编辑器的插件，可以极大地改善 HTML 和 CSS 工作流程，提高前端开发效率。 Emmet 在大部分编辑器都支持，如：Sublime Tex

我们经常使用 script 标签向页面插入一个常规的 JavaScript 文件： 当浏览器看到普通脚本标签声明时，它将执行以下步骤： 暂停文档解析器 创建新请求以下载脚本 在脚本完全下载后立即执行脚

HTML autocomplete 属性为 <input> 字段提供了各种各样的选项。其作用是向浏览器指示值是否应在适当时自动填充。 autocomplete 允许浏览器预测对字段的输入。当用户在字段

contenteditable contenteditable 表示元素内容是否可被用户编辑。它可以有以下值： true 或者空字符串，表示元素是可被编辑的； false 表示元素不可被编辑。 inh

HTML5 引入了许多我们日常开发经常用到的一些方便的特性。其中之一便是在 <a> 标签上的 download 属性。 默认情况下，锚定标签 <a> 的默认值是导航链接，它将转到您在 href 属性中

HTML title 全局属性包含表示与其所属元素相关的建议信息的文本。也就是指定元素的提示文本。 title 是鼠标放在图片上面时显示的文字， 当鼠标移动到带有 title 属性的元素上时，提示文本