emmet手册
Emmet是一个用于快速编写HTML和CSS代码的插件和工具集。它提供了一套简洁而强大的缩写语法,可以大大提高编写代码的效率。
以下是Emmet的一些常用缩写语法和命令:
1. 缩写语法简介:
html href属性 - `div`:生成一个`<div></div>`标签
- `p`:生成一个`<p></p>`标签
- `div>p`:生成一个`<div>`标签内包含一个`<p>`标签
- `ul>li*3`:生成一个包含3个`<li></li>`标签的`<ul></ul>`标签
2. 属性和内容:
- `a[href="#"]`:生成一个带有`href`属性的`<a></a>`标签
- `a[href="#"]>img`:生成一个带有`href`属性的`<a></a>`标签内包含一个`<img>`标签
- `a[href="#"]>{Link}`:生成一个带有`href`属性的`<a></a>`标签内包含文本`Link`
3. 类名和ID:
- `-class`:生成一个带有`class`为`my-class`的`<div></div>`标签
- `div#my-id`:生成一个带有`id`为`my-id`的`<div></div>`标签
4. 嵌套层级:
- `ul>li>ul>li`:生成一个嵌套的`<ul></ul>`标签结构
5. 多个重复元素:
- `ul>li*3`:生成3个`<li></li>`标签
除了以上示例,Emmet还提供了更多的缩写语法和命令,可以参考官方文档进行学习和探索。Emmet支持大部分代码编辑器和IDE,如Visual Studio Code、Sublime Text等,并且
可以通过配置文件进行自定义设置。
希望这个简要的Emmet手册对你有所帮助!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论