如何在使用 Emmet 时为 HTML 标签添加属性？

Question

我使用Sublime Text和Emmet插件。当我使用Emmet时，各种标签并不会自动包含所有属性，因此我必须手动添加它们。例如，当我输入“input”并按下“Tab”键时，输入标签只有“type”属性。

<input type="text">

但我想要的是这个例子。

<input type="text" name="" id="">

我该如何编辑标签中我想看到的属性？我曾试图在YouTube和Google搜索中找到解决方案，但没有成功。

- ramiz

---

如果答案有帮助，请点击旁边的复选框将其标记为已解决。这将有助于其他人更快地找到答案。 - idleberg

Answer 1

Emmet语法是基于CSS选择器的模型，因此要添加属性(或属性)，需要在方括号中传递它们。

示例

输入:

input#first_name[type=text][name=first_name]

输出:

<input type="text" id="first_name" name="first_name">

关于您的示例，您需要输入以下内容： 该内容的解释如下：

1. input - 标签名称
2. 带有值为text的type属性
3. 没有值的name属性
4. 空的id属性

编辑：

type属性代表“：”，因此您可以将其编写为：

- idleberg