别忘了这些能让 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 弹出窗口
HTML 规范变更:对属性中的 < 和 > 进行转义
此更改仅修改了在序列化过程中将 HTML 片段转换回字符串表示的方式。影响仅限于访问 innerHTML 或 outerHTML 属性或对元素调用 getHTML() 方法的情况。这些操作会采用现有的 DOM 结构,并生成文本 HTML 表示法。
以 HTML5 格式录制音频和视频
HTML5 的兴起引发了对设备硬件访问的激增。地理定位 (GPS)、Orientation API(加速度计)、WebGL (GPU) 和 Web Audio API(音频硬件)都是理想的示例。本教程介绍了一个新 API GetUserMedia,可让 Web 应用访问用户的摄像头和麦克风。
Safari 17.4:一个 HTML 新原生开关(Switch)控件
开关是移动平台和各种用户界面框架中的常用控件,但直到现在它们还没有内置到网络平台中。看到这种控件的广泛需求,我们决定改变这种状况。
程序员在页面友好性上常犯的5种错误以及改正方法
我是一个性情乖戾的web用户,但我想这也帮助促使我成为了一名优秀的Web开发人员。当我看到一个网站上有让人不爽的设计时就会非常的恼怒,一些很简单的东西为什么做不好?下面是5种常见的可用性方面的错误,以及如何纠正这些问题的方法。给自己方便,也与人方便,确保自己不要犯这样的错误。
