用Foundation编写HTML如此重复

时间:2018-12-06 16:21:21

标签: html zurb-foundation zurb-ink

我承认,我一般不会编写代码,因此我会根据需要进行操作。我们公司正在研究用于编写电子邮件代码的不同框架。我们偶然发现了祖尔布基金会。我认为,太好了,它将使撰写的内容减少很多。然后,在阅读教程的过程中,我看到了将其制作为按钮的过程:

<table align="center" class="container">
  <tbody>
    <tr>
      <td>
        <table class="row">
          <tbody>
            <tr>
              <th class="small-12 large-12 columns first last">
                <table>
                  <tr>
                    <th>
                      <center data-parsed="">
                        <table class="button float-center">
                          <tr>
                            <td>
                              <table>
                                <tr>
                                  <td><a href="#">Centered Button</a></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </center>
                    </th>
                    <th class="expander"></th>
                  </tr>
                </table>
              </th>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

为什么。?为什么看起来在编码时所有内容都必须包含在表标题内,表行内,表单元格内,表行内的表中。它永远持续下去,当我看着它的时候,确实让我生气。我不明白为什么制作一个简单的按钮不能是一行文本,仅此而已。

为什么对于最简单的事情,代码必须如此之长且令人费解?

2 个答案:

答案 0 :(得分:0)

Foundation Emails使用Inky(一种自定义模板语言(与所有其他电子邮件框架一样),可以为您生成这种语言。

https://foundation.zurb.com/emails/docs/inky.html

答案 1 :(得分:0)

电子邮件是另一种野兽,如果您手写表格,这很常见。正如Daniel所指出的,Inky是避免这种混乱的方法。