html - 如何让 IntelliJ IDEA 自动关闭 HTML5 空元素？

Question

我正在处理的项目有一个标准，即 HTML5 代码也必须是格式良好的 XML。此要求内置于自动化测试中。img这意味着像, link, br, , ... 这样的空元素hr必须有一个/>结束分隔符 - 而不仅仅是一个>.

例如：

1) 好：<img src="foo.png" alt="stuff" />

2) 坏的： <img src="foo.png" alt="stuff">

我正在使用 Intellij IDEA 2018.2。我启用了 Emmet。要创建一个 img 元素，我键入img后跟一个 TAB。Emmet 将此扩展为<img src="" alt="">但不是格式良好的 XML。我希望它自动自动关闭导致<img src="" alt="" />. 我也尝试过 CTRL+SPACE 自动完成，结果相同。

问题：如何让 Intellij IDEA 自动关闭 HTML5 空元素？

这是一个简单的问题，我已经完成了互联网搜索并查看了 Intellij 设置和文档，但仍然没有找到答案。也许我只是想念它......

标签： htmlintellij-idea

Answer 1

在 HTML5 标签中，喜欢<br>或<img>不需要 a"/ "来关闭它们，例如<br/>（http://www.w3.org/TR/html5/text-level-semantics.html#the-br-element， http://www.w3. org/TR/html5/syntax.html#void-elements）。

但是，您可以在设置 |中轻松更改当前行为。编辑 | 活模板 | 禅 Html | br/img通过相应地修改模板：