别忘了这些能让 HTML 正常工作的标签

我观看了Alex Petros的演讲,其中有一张幻灯片标题为“让HTML正确运行的咒语”。这让我开始思考那些为确保网站在浏览器中正常运行而必须添加的基础HTML片段

使用 setHTML() 方法消毒HTML

Element接口的 setHTML() 方法提供了一种解析和清理HTML字符串的安全方法,可生成DocumentFragment 接口的 setHTML() 方法提供了一种跨站脚本安全的解析方式,可将 HTML 字符串转换为 DocumentFragment,并将其作为子树插入元素的 DOM 中。

HTML <template>:内容模板元素

<template> HTML 元素作为存储 HTML 片段的机制,这些片段可通过 JavaScript 稍后调用,或立即生成至shadow DOM 中。

什么是 popover=hint?HTML 新型弹出窗口

popover=“hint” 允许你在不关闭堆栈中其他弹出窗口的情况下,打开一个与之无关的 hint 弹出窗口。这意味着你可以让现有 auto 弹出窗口堆栈保持打开状态,同时显示一个 hint 弹出窗口

href 属性可以使用的几种值

我之前曾撰文介绍过如何仅使用 HTML 重新加载文档,但这让我开始思考: href 属性可以包含哪些值?

HTML 规范变更:对属性中的 < 和 > 进行转义

此更改仅修改了在序列化过程中将 HTML 片段转换回字符串表示的方式。影响仅限于访问 innerHTML 或 outerHTML 属性或对元素调用 getHTML() 方法的情况。这些操作会采用现有的 DOM 结构,并生成文本 HTML 表示法。

不要与浏览器的预加载(preload )扫描程序冲突

如果出于任何原因,您无法避免对预加载扫描器加速加载性能的能力产生负面影响的模式,请考虑使用 rel=preload 资源提示。

以 HTML5 格式录制音频和视频

HTML5 的兴起引发了对设备硬件访问的激增。地理定位 (GPS)、Orientation API(加速度计)、WebGL (GPU) 和 Web Audio API(音频硬件)都是理想的示例。本教程介绍了一个新 API GetUserMedia,可让 Web 应用访问用户的摄像头和麦克风。

弹出式窗口 popover API

从 Chromium 114 中的 popover API 开始,我们将面向浏览器推出一组新的声明式 HTML API,用于构建弹出式窗口。

HTML inert 属性

“Inert”表示无法移动,因此,当您标记某些元素时,会移除这些 DOM 元素的移动或互动。

您应该使用的 5 个鲜为人知的 HTML 标签

有一天,我在 MDN 上浏览时,决定寻找一些鲜为人知的标记。

为什么有些 HTML 标记没有闭合标记

作为 web 开发人员,我们经常使用(或曾经使用) HTML 进行编码。在 HTML 中,你会看到一些元素有一个结束标记:

HTML popover 弹出窗口属性

遗憾的是,大多数开发人员都不知道 HTML 和 JavaScript 规范已经通过 popover 属性实现了元素模态系统,让我们一起来看看吧!

Safari 17.4:一个 HTML 新原生开关(Switch)控件

开关是移动平台和各种用户界面框架中的常用控件,但直到现在它们还没有内置到网络平台中。看到这种控件的广泛需求,我们决定改变这种状况。

打造现代WEB前端的 HTML 标签

使用这些内置功能而不是外部库来设计简约、现代的网页

Web 程序员为什么要遵循 HTML 优先原则?

作者通过实践来阐述HTML 优先原则的主要目标是扩大能够从事 Web 软件编程工作的人员范围。

颜色表及html代码

颜色表及html代码

那些不推荐使用的html标签

那些不推荐使用的html标签

谷歌HTML/CSS代码格式指导

谷歌HTML/CSS代码格式指导

HTML5画布(Canvas)速查表

程序员在页面友好性上常犯的5种错误以及改正方法

我是一个性情乖戾的web用户,但我想这也帮助促使我成为了一名优秀的Web开发人员。当我看到一个网站上有让人不爽的设计时就会非常的恼怒,一些很简单的东西为什么做不好?下面是5种常见的可用性方面的错误,以及如何纠正这些问题的方法。给自己方便,也与人方便,确保自己不要犯这样的错误。


京ICP备12002735号