AppML 包含 HTML

使用 AppML,可以在 HTML 中包含 HTML。


在 HTML 中包含 HTML

下面是一个很好的例子,在所有 HTML 页面中包含一个标准的 HTML 页脚。

这是一个包含标准页脚的文件实例:

inc_footer.html
  1. <hr style="margin-top:10px;">
  2. <p style="font-size:11px">2022&copy; cankaoshouce.com All rights reserved.</p>
  3. <hr>

在本例中,appml include html 属性用于包含文件 "inc_footer.html":

实例
  1. <!DOCTYPE html>
  2. <html>
  3. <title>Customers</title>
  4. <link rel="stylesheet" href="/example/appml/style.css">
  5. <script src="https://cankaoshouce.com/js/appml/appml.js"></script>
  6. <body>
  7. <h2>Customers</h2>
  8. <table appml-data="/example/appml/customers.js">
  9. <tr>
  10. <th>Customer</th>
  11. <th>City</th>
  12. <th>Country</th>
  13. </tr>
  14. <tr appml-repeat="records">
  15. <td>{{CustomerName}}</td>
  16. <td>{{City}}</td>
  17. <td>{{Country}}</td>
  18. </tr>
  19. </table>
  20. <div appml-include-html="inc_footer.html"></div>
  21. </body>
  22. </html>