Question

haml代码是否包含在html文件的body标签中？

.flex
.intro.animate#microsoft-container
    .logo
        - (1..4).each do
            .box
    .brand
        Microsoft

%iframe.player{:width => 0, :height => 0, :src => 
"https://www.youtube.com/embed/I3Ak5VgyEoc?autoplay=1" }

Answer 1

不。 HAML是HTML的抽象。因此，在生活在HTML文档中之前需要转换为HTML。

这是你的HAML转换https://codepen.io/sitrobotsit/pen/MmZBWx

<div class='flex'></div>
<div class='intro animate' id='microsoft-container'>
  <div class='logo'>
    <div class='box'></div>
    <div class='box'></div>
    <div class='box'></div>
    <div class='box'></div>
  </div>
  <div class='brand'>
    Microsoft
  </div>
</div>
<iframe class='player' height='0' src='https://www.youtube.com/embed/I3Ak5VgyEoc?autoplay=1' width='0'></iframe>

如果你经常使用HAML，你会希望在本地获得HAML转换，请参阅 - ＆gt; http://haml.info/tutorial.html

你能在html文件中使用haml吗？

1 个答案: