安装了 Emmet 插件以后,输入一组标签的时候我们不再需要输入整个标签,只需要使用元素的名字就行,不用在它的周围添加尖括号 …
比如需要一组 div 标签,可以这样 … 直接输入 div ,然后按一下 tab 键 … Emmet 会自动补齐标签的其余的部分 … 编辑点会在这组标签之间,可以很方便的去输入标签里的内容 …
如果我们输入的元素名称不存在,同样会把它转成一组标签 …. 比如输入 hello …
另外 Emmet 为一些 html 元素创建了简写的形式,也就是元素的别名,比如需要一组 blockquote 元素 … 它的简写形式是 bq …
article 标签的别名是 art …
section 标签的别名是 sect …
还有 header 页头标签 … 是 hdr … 对应的是页脚标签 … footer … 猜一下它的别名 … 是 ftr …
在 Emmet 的 Cheat Sheet 备忘表里,找到 HTML 区域,在这里,你可以找到所有 Emmet 定义的元素的缩写形式。