我在编辑网页时经常遇到的一个问题是，当我需要专注于内容进行更正时，HTML 术语会成为障碍。一旦将标记添加到一段文本中，img 标签、超链接、div 及其所有属性都可能需要多行。即使缩进和间距良好，像 em 和 strong 这样的简单语义元素也会严重损害可读性。
以下并不能解决我的问题：
在纯文本、Markdown 或富文本程序中分别编辑内容。在准备内容的初始阶段，使用文本编辑器编写是可以的，但是一旦文本文档被 HTML 标记，如果您决定更改内容，则必须在两个或更多地方对其进行编辑：至少一次在 HTML 中，一次在原始文本文件中。
HTML 扩展器，例如 Emmet。文本扩展器在添加元素时很有用，但一旦元素到位，它们就无法提高可读性。
准解决方案：
预处理器，如 HAML 和 Jade。它们可以使文档更具可读性，但也有自己的特点。Markdown 虽然可读性很好，但在转换之前 HTML 功能有限。
所见即所得的编辑器。在传统编辑器中，我可以进入设计模式并直接更改呈现的页面，而无需任何 HTML 工件。这很棒，但我必须不断在代码视图和设计视图之间进行反复检查，以监控更改如何反映在代码中，这有点违背了整个目的。
理想的解决方案
理想情况下，一个可以在代码视图中打开/关闭标记的编辑器或一个使 HTML 文档具有类似 Markdown 的可读性的元语言可以完成这项工作。换句话说，是否存在一种将纯内容与语义结构分开的工具/轻量级语言？
答案1
对于 HTML 编辑我使用记事本++。这是一款免费、开源、轻量级的文本编辑器，具有语法高亮功能。它具有各种功能，可使任何形式的代码都易于阅读。例如，常用标签的颜色与普通文本不同，它们的参数的颜色也不同，并且它可以高亮显示您正在编辑的标签的开始和结束。
例如：
