当前位置:首页 > 技术 > 正文内容

富文本里可以允许的 HTML 属性

代码老兵 技术 22

一、所有标签默认允许的安全属性(极少)

class        (可选)
id           (通常建议禁用)
title

️ 注意:

  • id 容易被滥用做锚点注入,很多系统直接禁用

  • class 允许的话最好只允许固定前缀(如 editor-*


二、a 标签允许属性

<a href="" title="" target="" rel="">

允许

属性说明
href必须过滤协议
title安全
target只允许 _blank
rel推荐强制添加

必须校验 href 协议

只允许:

http
https
mailto

必须拒绝:

javascript:
data:
vbscript:
file:

并建议自动添加:

rel="nofollow noopener noreferrer"
target="_blank"

三、img 标签允许属性

<img src="" alt="" width="" height="" loading="">

允许

属性说明
src必须过滤协议
alt推荐保留
width只允许数字
height只允许数字
loading可固定为 lazy

必须删除

onerror
onload
style
srcset (如不支持)

src 协议限制

允许:

http
https

通常建议:

禁止 data: (避免 base64 注入)

四、table 标签属性

<table>
<tr>
<td>
<th>

一般只允许:

colspan
rowspan

必须验证:

必须是整数

五、pre / code

通常无需额外属性。

如果你做代码高亮:

<code class="language-php">

建议:

  • 只允许 class

  • 且 class 必须匹配:

/^language-[a-z0-9]+$/

六、绝对必须删除的属性(所有标签)

style
onclick
onerror
onload
onmouseover
on*
formaction
xlink:href
xmlns

可以用规则:

if (preg_match('/^on/i', $attrName)) {
   remove
}

七、是否允许 style?

生产环境建议:

 不允许 style

原因:

<div style="background:url(javascript:alert(1))">

CSS 也可以 XSS。

如果一定要允许:

  • 必须做 CSS 级别过滤(非常复杂)

  • 不建议自己实现


八、SVG 属性全部禁止

如果允许 <svg>,几乎无法安全控制。

建议:

直接删除 svg

九、推荐最终安全属性白名单(实战版)

$allowedAttributes = [
   'a' => ['href', 'title', 'target', 'rel'],
   'img' => ['src', 'alt', 'width', 'height', 'loading'],
   'td' => ['colspan', 'rowspan'],
   'th' => ['colspan', 'rowspan'],
   'code' => ['class'],
   '*' => ['class', 'title']
];

十、生产级安全规则总结

项目建议
style禁止
on* 事件全部删除
javascript:禁止
data:通常禁止
svg删除
iframe删除

十一、最佳实践(不要自己写正则)

如果你是生产环境:

推荐:

  • 使用 Symfony HtmlSanitizer

  • 或 HTMLPurifier

它们已经处理了:

  • URI 过滤

  • CSS 过滤

  • XSS 规则

  • HTML5 规范


标签: HTML

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。