使用Emmet将URL添加到<a href="">中

Question

Emmet有没有一种语法可以将URL添加到中？

E.g.:

语法：

a:www.google.com

结果：

<a href="www.google.com"></a>

- Runtime Terror

Answer 1

在 Emmet 中向一个元素添加属性的通用语法为：

element[attr=value]

因此，在这种情况下，它应该是：

a[href=www.google.com]

话虽如此，如果您只输入a，它应该会自动将编辑器光标跳转到href属性中，您可以输入a:link以预填充它的http://。因此，这些选项可能更快/更符合您的口味。

如需了解更多信息，请查看Emmet速查表 - 它列出了所有可用的语法。

- Joe Clay

---

如何将元素的内容添加到href中？例如，`https://google.com`因此，当我包装链接https://google.com时，它会放置在href中。我知道只使用`a`本身时会这样做，但我想创建一个自定义的锚标签，例如：`a[href=\"{无论值是什么}\" target=\"_blank\" rel=\"noopener\"]`我正在包装很多链接，因此需要更高效地完成此操作。谢谢。 - Henry

Answer 2

稍微短一点：

a[www.google.com]

等于：

<a href="www.google.com"></a>

- Keno

---

在文档中找不到相关部分，但对我有效。 - Pang

如果我在 Emmet 中添加文本类型为 a，href 将被填充。当我按下回车键时，href 将再次清空。 - theking2

这对我不起作用。它的结果是 <a href="" www.google.com=""></a>。 - joll05

Answer 3

在VSCode中，您可以将需要链接的文本包装起来，并使用"Wrap with Abbreviation"（Cmd+Shift+P并键入Emmet以查看快捷方式）作为链接URL。

使用此代码片段：a[href="$#"] 内容将被插值为链接URL。

从http://www.example.com到<a href="http://www.example.com">http://www.example.com</a>。

- SigBaldi