sublime快速生成多个标签 sublime快速生成html代码

Emmet插件通过缩写提升HTML编码效率，输入如html：5、div.header、ulgt；li*3等缩写后按Tab键即可生成完整代码，支持类名、ID、属性、句子、重复及文本插入，足以使用极大可加速结构编写速度。

在Sublime Text中主要快速生成HTML标签，依赖于Emmet Sublime Text现已集成Emmet（原名为Zen） Coding），只需掌握常用语法即可高效编写代码。

文档结构 div → 生成 HTML5 文档结构 div → lt；divgt；lt；/divgt； p → lt；pgt；lt；/pgt； ulgt；li*3 → 生成包含 3 个列表项的无序列表添加类名、ID 和属性

使用。 lt；nav id="main-menu"gt；lt；/navgt； a[href="#"][title="链接"] → 带多个属性的链接标签 input.text#name[type="text"][placeholder="姓名"] → 构建复杂结构：讯飞绘文

讯飞绘文：免费AI写作/AI生成文章118查看详情

立即学习“前沿免费学习笔记（深入）”；divgt；p → div 包含 p 标签 h1 p ul →三个同级元素依次排列 ulgt；li.item*3 → 生成 3 个带类的列表项sectiongt；article.post*2gt；h2.title p →这是段落} → lt；pgt；这是段落lt；/pgt； li.item$*3 → 生成 item1、item2、item3 的类名 h2{章节$}*3 → 生成“剖面1”到”章节3”常用快捷快捷键示例！ 或 html：5 → 完整 HTML5 模板链接：css → 引入 CSS 文件 script: src → 带 src 的脚本标签 img[src alt] → 图片标签（自动补全常用属性） tablegt；tr*2gt；td*3 → 2 行 3 列表格结构

方便使用 Emmet 下面，让你在 Sublime 中几秒写出到底需要几十的

HTML

p>以上就是Sublime怎么快速生成HTML标签_Sublime Text: css html sublime html5 编码 ai 排列 html5 css html class href input ul table td tr li sublime text 大家都在看：Sublime Text怎么进行全屏免打扰编辑_Sublime Distraction Freesublime模式怎么快速选中选中的代码块_sublime使用快捷键添加标签或语句方法sublime如何实现代码折叠与展开_sublime代码折叠使用方法sublime如何编写自己的主题结束_sublime创建.tm主题文件教程sublime启动很慢怎么办_sublime性能优化与加速技巧