HTML转Jade技术咨询：如何将指定HTML代码转换为Jade语法？

没问题，我帮你把这段HTML转换成Jade语法，同时给你梳理下Jade编写HTML的核心规则，方便你后续上手：

转换后的Jade代码 #

.profile-env
  section.profile-info-tabs
    .row
      .col-md-12
        .panel.panel-primary(data-collapsed="0")
          // 这里替换你原来的`enter code here`内容
          .panel-body
            h2
              | University Admins 
              span
                a.btn.btn-default.pull-right(href="add-admin.html")
                  i.entypo-user-add
                  |  ADD Admin
            br

Jade编写HTML的核心要点 #

• 嵌套规则：用缩进代替HTML的闭合标签，层级完全靠缩进区分，不用再写</div>这类闭合标签，代码更简洁
• 类与ID简写：默认标签是div，所以div.profile-env可以直接简写为.profile-env；如果是其他标签（比如section），直接写section.profile-info-tabs即可；ID用#，比如#header等价于<div id="header">
• 属性写法：用括号包裹属性，比如(data-collapsed="0")，字符串属性值可加引号，布尔属性直接写(disabled)即可
• 文本内容：可以直接跟在标签后（比如h1 Hello World）；如果文本需要换行或单独成行，用|开头；内联元素的文本直接跟随元素即可，比如示例里的ADD Admin
• 兼容原生HTML：Jade支持直接插入原生HTML代码，如果你有习惯写法，直接在Jade里写<div class="test">内容</div>也能正常解析
• 注释：// 注释内容会输出到最终HTML里；//- 注释内容是Jade内部注释，不会输出到HTML

内容的提问来源于stack exchange，提问作者Arvind Gupta