保留 html 片段还是仅使用 javascript 构建？答案

【问题标题】：Keep html snippets or just build with javascript?保留 html 片段还是仅使用 javascript 构建？
【发布时间】：2012-02-09 05:47:52
【问题描述】：

我有 html sn-ps，我想知道我应该把它们放在哪里......例如：

目前我的 HTML 页面中有以下内容

<div id="Mailbox" class="ui-corner-all">
    <div id="Messages">
        <ul class="messageList">
            <li class="noMessage">You have no messages</li>
        </ul>
    </div>
    <div class="trashIcon ui-corner-bottom">
        Delete Selected Message(s)
    </div>
</div>

然后，当页面加载时，jquery 和 javascript 将其变成一个功能齐全的邮箱系统。

我想知道的是——我应该为 HTML sn-p 烦恼，还是只通过 JS 构建整个东西？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

对于没有脚本的用户来说，在您的页面中添加标记可能会更好地降低性能。此外，使用现有标记通常比使用 JavaScript 完全从头构建更容易。

有时templating 可能是一个合适的解决方案。对于没有脚本的用户，这不会降级，但如果您有一个需要动态创建大量标记的脚本繁重的页面，模板可以让这变得更简单。

如果您发现在页面之间复制标记块，这可能应该通过将公共内容存储在单个位置来解决服务器端问题。

【讨论】：

【解决方案2】：

取决于您是在编写应用程序还是网站。搜索引擎优化重要吗？可访问性重要吗？您是否需要支持各种浏览器和设备？

如果不是，那么我会用 JS 编写它，但看看一些 MVC 框架，例如backbone.js 或 JavaScriptMVC 等。在这种情况下，你可能希望使用客户端模板，所以你是 html应该在页面中，但不在 DOM 中。

【讨论】：