HTML 清洁器

HTML 清理器能够从 HTML 代码中提取纯净的文本，同时消除不必要的间距并提高可读性。它们就是为这种特定清理目的而设计的软件。

简洁的 HTML 代码能带来什么？

无论是“搜索引擎可见性”、“可访问性”还是“用户体验”，结构良好且简洁的 HTML 代码都能对其进行增强。

• 用户体验

简洁的 HTML 代码可以改善您网站的功能，并确保其不含不必要的组件。因此，用户可以更轻松地导航、浏览链接以及与页面的各个方面进行交互。

如果我们的网站拥有结构良好的 HTML 代码，它就可以适应不同的屏幕尺寸。通过提供此功能，我们可以增加获得回头客的可能性，并留下良好的第一印象。

• 可访问性

清晰且有组织的 HTML 代码是为所有用户提供可访问性和可读性的必要条件。

此外，编写良好的 HTML 代码使得使用诸如“WAI-ARIA（Web Accessibility Initiative - Accessible Rich Internet Applications）”等可访问性标准成为可能。

• 搜索引擎优化 (SEO)

这些极大地影响了网站从搜索引擎获得的自然流量。因为对于具有简洁、组织良好 HTML 代码的网站，其信息更容易理解，所以搜索引擎通常更偏爱它们，而不是那些混乱的网站。编写良好的 HTML 代码可以最大限度地减少损坏的链接和页面问题，从而提高您网站的搜索引擎可见性。

组织良好的代码还提高了可读性，使搜索引擎算法更容易评估您的材料。遵循简洁的编码原则可以增强您网站的 SEO，提升其排名，并吸引更多的自然流量。

• 跨浏览器兼容性

您的网站在每个浏览器中的显示可能有所不同，特别是如果您的 HTML 模糊不清或存在错误。使用结构良好、简单的代码是保持跨浏览器用户体验一致性的更佳选择。

保持跨浏览器兼容性可以增强网站的用户体验、参与度和用户留存率。

• 可扩展性

通过保持代码简洁，无论您的网站扩展到包含更多页面、特性和功能，其整体框架都将保持易于管理。

此外，其他开发人员也能更容易地理解您的代码，并更高效地协作以改进网站。

HTML 清理器能做什么？

• 使用这样的工具，我们可以消除 HTML 标签中无用的（额外的）行、空格和标签。
• 使用这些工具，我们还可以加载 HTML 并删除 URL，以仅查看 HTML。按下 URL 按钮，输入 URL，然后按“提交”。
• 为了清理 HTML，这些工具允许加载 HTML 文件。通常，在点击“上传”选项后，我们必须选择文件。
• 大多数 HTML 清理器软件工具都可以在 Windows、MAC、Linux、Chrome、Firefox、Edge 和 Safari 上运行。HTML 在线清理器功能完美。

HTML 清理

无论是在“客户端”还是“服务器端”，HTML 字段的内容都可以通过这两种方式进行清理。

服务器端

• HTML 处理器在服务器端对 HTML 进行净化。HTML 处理器在验证、清理和纠正富文本字段输出的同时，还对内部链接和图像进行规范。
• “白名单”指定了可以包含哪些元素，它们的属性为 HTML 处理器的设置提供了基础。
• 如果某个属性未被设置为允许，它将从输出中移除。
• 默认情况下，所有 <a> 和 <object> 的特性，以及任何对 javascript: 协议和 data: 协议的使用，都会通过服务器端 HTML 清理被消除。

如何禁用服务器端的 HTML 清理

将“htmlprocessor.id configuration property”设置为“no-filter”。

客户端

• “CKEditor”在客户端处理 HTML 清理。此功能名为高级内容过滤器（ACF）。添加到或从“CKEditor”中移除的每个插件和命令都会影响允许的 HTML。例如，如果无法通过插件添加图像，
• 标签将被自动删除。这种过滤同样适用于可能需要或允许的属性等。
• 此外，可以使用“extraAllowedContent”配置参数按编辑器实例来管理 ACF。请注意，“extraAllowedContent”必须使用 JSON 对象格式来指定。

如何禁用客户端的 HTML 清理

ACF 默认是启用的。要关闭 ACF，请将“CKEditor”的属性“allowedContent”设置为 true。例如：