HTML 创建器

HTML 编辑器

用于编辑 HTML 或网页标记的应用程序称为 HTML 编辑器，也称为 HTML 创建者。虽然任何文本编辑器都可以用来修改网页上的 HTML 语法，但专业的 HTML 编辑器可以提供额外的功能、组织和便利性。

例如，许多 HTML 编辑器除了 HTML 本身外，还可以处理 XML、CSS、JavaScript 和 ECMAScript 等相关技术。在某些情况下，它们还可以通过 FTP 和 WebDAV 管理与远程 Web 服务器的通信，以及与 Subversion 或 Git 等版本控制平台进行交互。像 Microsoft Word 或 Quark XPress 这样的文字处理、平面设计和页面布局产品中也可能包含 HTML 编辑器，尽管它们并非专门为 Web 开发而设计。

编辑器类型

文本编辑器和所见即所得（WYSIWYG）编辑器是两种主要的 HTML 编辑器类型。

文本编辑器

专为 HTML 设计的文本编辑器通常提供语法高亮。此外，一些编辑器还提供键盘快捷键、工具栏和模板，以帮助您快速输入常见的 HTML 元素和结构。对于日常操作，向导、工具提示和自动完成功能可能很有帮助。

通常用于 HTML 的文本编辑器通常具有内置功能，或者能够与第三方工具集成，用于版本控制、拼写检查、代码清理和格式化、链接检查和验证、通过 FTP 或 WebDAV 上传以及作为项目组织等活动。某些任务，如验证或链接检查，可能会利用互联网资源，并需要网络连接。

文本编辑器要求用户精通 HTML 以及任何其他 Web 技术，例如 CSS、JavaScript 以及设计者可能选择使用的服务器端脚本语言。

一些编辑器通过提供非 WYSIWYG 但比纯色高亮更具视觉组织性的模式来简化这一要求。通常可以通过调色板窗口或对话框编辑选定对象的基于文本的参数。使用大纲编辑器来扩展和折叠 HTML 对象和属性，或使用额外的控件来呈现和选择编辑参数（如预览图像或文本样式）的选项，这些调色板允许在单个字段中编辑参数，或通过填写屏幕表单来插入新标记。

HTML 的 WYSIWYG 编辑器

本节未引用任何可靠来源。请添加引文以改进本节。没有引用的内容可能会受到争议并被删除。

WYSIWYG HTML 编辑器提供的编辑界面类似于页面在 Web 浏览器中的显示方式。WYSIWYG 编辑器通常对初学者来说更易于使用，因为他们可能不需要了解 HTML。

嵌入了布局引擎以提供 WYSIWYG 视图。这可以从头开始开发，也可以从 Web 浏览器中的布局引擎修改而来。其目的是在编辑 Web 浏览器时，渲染的输出始终反映将要在后续版本中看到的视图。

WYSIWYG 编辑器的一种替代范例称为 WYSIWYM（所见即你所意）编辑器。通过保持每个元素的预期含义不变，文档的格式和外观不是重点。例如，编辑程序会标记页面标题、部分、段落等，浏览器会正确显示它们。

实现 WYSIWYG 的挑战

出于多种原因，HTML 文档在不同的计算机和平台上会显示不同。

不同的程序和浏览器将以不同的方式显示相同的标记。

例如，在高分辨率屏幕上，同一个网站在 Chrome、Safari、Edge、Internet Explorer 和 Firefox 中的外观可能略有不同。但它在功能齐全的纯文本 Lynx 浏览器中的外观会大不相同。在手机、PDA 和支持互联网的电视上，它的外观会再次大不相同。当使用屏幕阅读器配合传统浏览器时，对于语音或盲文浏览器来说，需要不同的底层 HTML 组件才能实现可用性。作者只能建议外观。

与任何计算机软件一样，Web 浏览器可能包含问题。

它们可能不符合当前的要求。尝试创建能解决流行浏览器中所有错误的网站是徒劳的，因为当每个浏览器的每个新版本发布时，都需要记录大量互联网信息来适应 bug 及其修复。普遍的共识是，与其让浏览器开发人员跟上你的网站，不如根据标准设计，避免使用“尖端”功能，直到它们变得更为主流，然后等待浏览器开发人员跟上你的网站，这样会更明智。

例如，即使许多 WYSIWYG 和其他编辑器尚未跟上，但鉴于所有主要功能现在都已在主流浏览器中得到广泛支持，没有人可以争辩 CSS 仍然是“尖端”技术。

多个语义含义可以由相同的视觉样式表示。

搜索引擎和其他可访问性工具重视语义含义，它源自 HTML 文档的底层结构。在纸面上，我们可以根据经验和上下文确定页面上的粗体文本表示标题、强调还是其他内容。然而，在 WYSIWYG 编辑器中传达这种区别非常困难。

在 WYSIWYG 编辑器中仅使文本变粗是不够的；你还需要向读者解释文本为什么是粗体，以及它具有什么语义含义。

由于现代网站的构建方式，WYSIWYG 很少有用。

现代网站通常使用内容管理系统或其他基于模板处理器的 D方法，从存储在数据库中的内容动态生成页面。使用 WYSIWYG 编辑器的主要优势之一被消除了，因为单个页面永远不会保存在文件系统中，从而可以在 WYSIWYG 编辑器中设计和更改它们。因此，抽象的基于模板的布局是不可避免的。

由于现代网站的构建方式，WYSIWYG 很少有用。

现代网站通常使用内容管理系统或其他基于模板处理器的 D方法，从存储在数据库中的内容动态生成页面。使用 WYSIWYG 编辑器的主要优势之一被消除了，因为单个页面永远不会保存在文件系统中，从而可以在 WYSIWYG 编辑器中设计和更改它们。因此，抽象的基于模板的布局是不可避免的。

正确的 HTML 格式

HTML 是一种结构化标记语言。如果按照万维网联盟 (W3C) 的标准创建 HTML，它必须遵循特定的指南。通过遵循这些指南，残障人士以及具有正常计算机配置的用户都可以访问网站。它们也可以在带宽和屏幕尺寸受限的无线设备（如 PDA 和手机）上访问。不幸的是，网上发现的大多数 HTML 文档都不符合 W3C 标准。在 2011 年的一项研究中，350 个最受欢迎的网站（按 Alexa 索引确定）中有 94% 使用了错误的字符编码，或者未能通过 Web 标准标记和样式表验证测试。即使是语法上有效的文本，如果它们不必要地重复信息，或者依赖于已过时一段时间的规则，也可能无效。

为了在最广泛的读者和观众中取得成功，并保持 Web 的“全球”价值，网页必须首先拥有可接受的标记和代码。无论页面是通过 WYSIWYG 还是手动开发或编辑的，这都适用。在通过免费的 W3C 验证服务（W3C HTML 验证器和 W3C CSS 验证器）或其他可靠选项成功验证其 HTML 和 CSS 语法之前，不应将其视为已准备好发布到万维网。

鉴于互联网在当代文化中的普及和重要性，使在线页面能够被身体、视力或其他方面有残疾的人访问，不仅是一个好主意，而且是法律要求。在英国的《残疾人歧视法》和美国的《美国残疾人法》中，由公共支持的组织运营的网站受到法规的约束。类似法律在许多其他国家也已经存在或即将出台。虽然验证页面是必要的第一步，但在页面可以被视为可访问之前，还需要考虑许多其他因素。无论是否使用 WYSIWYG 工具创建，这些也需要在良好的 Web 设计中加以考虑。

正在处理页面的个人的能力决定了底层 HTML 的质量，而与用于设计、创建和维护网页的软件工具有关。任何设计师都可以通过对 HTML、CSS 和其他脚本语言有基本的了解，并熟悉这些领域的最新 W3C 标准，无论是否使用 WYSIWYG HTML 编辑器，都可以创建更好的网页。

结论

Web 浏览器在从 Web 服务器或本地存储接收 HTML 文档后，将其转换为多媒体 Web 页面。最初，HTML 包含页面设计的提示，并提供页面结构的语义描述。HTML 编辑器（有时称为 HTML 创建者）是一种用于编辑 HTML 或网页标记的程序。虽然可以使用任何文本编辑器编辑网页上的 HTML 语法，但专门的 HTML 编辑器提供了更多的功能、组织性和便利性。例如，除了 HTML 之外，许多 HTML 编辑器还支持 XML、CSS、JavaScript 和 ECMAScript 等其他相关技术。