首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
HTML
lio_zero
创建于2021-06-24
订阅专栏
HTML 即时感悟
暂无订阅
共17篇文章
创建于2021-06-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
HTML iframe 标签
iframe 标签允许我们将来自其他来源(其他网站)的内容嵌入到我们的网页中。 从技术上讲,iframe 创建了一个新的嵌套浏览上下文。这意味着 iframe 中的任何内容都不会干扰父页面,反之亦然。
浏览器的重绘、回流和合成
重排和重绘是关键渲染路径中的两步,本文将介绍它们两个的影响。 重绘(Repaint) 当对元素所做的更改明显改变其外观但不影响其布局时,将发生重绘。 这方面的例子包括 outline、visibili
查找元素最近的相对位置祖先
您是否曾经遇到过 CSS 定位困境,即带有 position: absolute 的元素没有按预期进行定位? 我们知道,在元素上设置绝对位置将使其相对于最近的祖先进行定位,最近的祖先将其 positi
WebP 图像格式
WebP 是 Google 开发的一种开源图像格式,它承诺生成比 JPG 和 PNG 格式更小的图像,同时生成更好看的图像。 WebP 支持透明度,如 PNG 和 GIF 图像 WebP 支持动画,例
什么是 Doctype?
任何 HTML 文档都必须在第一行以 Document Type Declaration(缩写为 doctype,文档类型声明)开头,它告诉浏览器页面中使用的 HTML 版本。 此文档类型声明(不区分
自动断字依赖于已定义的文档语言
HTML lang 属性(例如 lang="en")对于创建可访问的网站是必不可少的。没有它,浏览器和辅助技术只能猜测网站的语言,导致糟糕的用户体验。 虽然我知道 lang 属性很重要,但我不知道它还
Emmet VS Code 按键绑定以提升 HTML 编辑效率
Emmet 是一个自动将代码片段扩展为 HTML 的工具。它包含在 VS Code 中。 例如以下片段: 将展开为: Emmet 还提供了其他一些快捷方式提升 HTML 开发效率。 添加 VS Cod
前端这两年的文章总结
本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的,大部分都还在维护,不常维护的在这里就不搬上来的。内容多,慢慢细品。 sass 专业级 CSS扩展语言。 lesscss - 动态样式表语言。 tailwindcss 实用程序优先的CSS…
在 HTML 中使用 ARIA 的规则
什么是 ARIA? ARIA 可以通过 HTML 属性为屏幕阅读器提供了额外的信息。其不影响元素如何被渲染在浏览器中。 ARIA role 没有为大多数元素的默认语义添加任何内容。 您可以通过遵循 A
使 abbr 元素适用于触摸屏、键盘和鼠标
<abbr> 元素用于表示和定义首字母缩略词,当你传递一个 title 属性时,它将创建一个工具提示。 如果用户将鼠标悬停在缩写词上,则完整定义将显示在本机浏览器工具提示中。 如果用户将鼠标悬停在缩写
对于特定于语言的样式,在 lang 属性选择器上使用 :lang 伪类
HTML 文档的内容可以是多种不同的语言。 为了指定文档的主要语言,我们可以在根元素上使用 lang 属性。 我们还可以在页面中使用 lang 属性来划分与文档主语言不同语言的特定元素或部分。 我们为
Emmet 语法
Emmet(前身为 Zen Coding)是许多流行的文本编辑器的插件,可以极大地改善 HTML 和 CSS 工作流程,提高前端开发效率。 Emmet 在大部分编辑器都支持,如:Sublime Tex
<script> 标签上的 defer 和 async 属性是什么?
我们经常使用 script 标签向页面插入一个常规的 JavaScript 文件: 当浏览器看到普通脚本标签声明时,它将执行以下步骤: 暂停文档解析器 创建新请求以下载脚本 在脚本完全下载后立即执行脚
HTML autocomplete 属性
HTML autocomplete 属性为 <input> 字段提供了各种各样的选项。其作用是向浏览器指示值是否应在适当时自动填充。 autocomplete 允许浏览器预测对字段的输入。当用户在字段
你可能不知道的几个常用的 HTML 属性
contenteditable contenteditable 表示元素内容是否可被用户编辑。它可以有以下值: true 或者空字符串,表示元素是可被编辑的; false 表示元素不可被编辑。 inh
使用 HTML5 download 属性创建可下载的链接
HTML5 引入了许多我们日常开发经常用到的一些方便的特性。其中之一便是在 <a> 标签上的 download 属性。 默认情况下,锚定标签 <a> 的默认值是导航链接,它将转到您在 href 属性中
HTML title 属性
HTML title 全局属性包含表示与其所属元素相关的建议信息的文本。也就是指定元素的提示文本。 title 是鼠标放在图片上面时显示的文字, 当鼠标移动到带有 title 属性的元素上时,提示文本