Sublime Text写html文档的快捷操作汇总

442 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第7天,点击查看活动详情

1. 生成html5文档:!+tab

动画.gif

2. 添加注释:ctrl+/

选中要注释的文本,输入crtl+/; 将光标放到注释文本上,输入ctrl+/可以取消注释。

动画.gif

3. 快速创建标签:标签名+tab

输入标签名按tab键可快速生成标签。 1.gif

4. 带内容的标签:标签名{xxxx}+tab

使用大括号来表示生成带内容的标签,大括号内部是标签的内容。 2.gif

5. 带属性的标签:标签名[属性名=属性值]+tab

使用方阔号表示属性,来生成带属性的标签。 3.gif

6. 嵌套标签:标签名1>标签名2+tab

嵌套标签,如table tr td;ul li;ol li等具有嵌套结构的标签,使用>来表示嵌套关系。 4.gif

7. 同级标签:标签名1+标签名2+tab

对于同级别标签的生成用加好表示。 6.gif

8. 标签分组:(标签名1>标签名2)+(标签名3>标签名4)+tab

分组标签用括号括起来,可以快速生成网页的结构。 7.gif

9. 多个标签:标签*n+tab

对于li、td、tr等标签可能一次需要生成多个,这时使用标签名*n,生成几个标签n就是几。 8.gif

10. 文本内容:lorem+tab

lorem+tab可以自动生成段落,lorem2+tab会生成两个单词,lorem3+tab会生成三个单词,以此类推。 9.gif

11. 设置元素id,class,类似于css中id设置用#,class用. 。

10.gif