这个带 `%button` 的代码笔中的 HTML 代码是什么？

Question

HTML 看起来像：

%button.darkmode dark mode
%button.refresh regenerate
#wrap
 -10.times do
  .row
   -5.times do
    .cell

https://codepen.io/cobra_winfrey/pen/ZEYzMBj

使用的标记语言是什么？

Answer 1

%button.darkmode dark mode 将生成 <button class="darkmode">dark mode</button>

%button.refresh regenerate 将生成 <button class="refresh">regenerate</button>

Haml (HTML Abstraction Markup Language) is a templating system that is designed to avoid writing inline code in a web document and make the HTML cleaner. Haml gives the flexibility to have some dynamic content in HTML. Similar to other web languages like PHP, ASP, JSP and template systems like eRuby, Haml also embeds some code that gets executed during runtime and generates HTML code in order to provide some dynamic content. In order to run Haml code, files need to have .haml extension. These files are similar to .erb or eRuby files which also help to embed Ruby code while developing a web application.

这个带 `%button` 的代码笔中的 HTML 代码是什么？

What is the HTML code in this Code Pen with `%button`?

html

codepen