保持html片段或只是用JavaScript构建？

Question

我有HTML片段，我想知道，我应该让他们...例如：

目前我已经在我的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片段，或只是通过JS构建整个事情？

Answer 1

让页面中的标记对没有脚本的用户有潜在的降级效果。另外，使用现有的标记通常比使用JavaScript从头开始构建它更容易。

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

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

Answer 2

取决于您是否正在编写应用程序或网站。 SEO很重要吗？无障碍是否重要？你需要支持多种浏览器和设备吗？

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