Keep html snippets or just build with javascript?

Question

I have html snippets and i was wondering where I should keep them... For example:

Currently I have the following in my HTML page

<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>

Then, when the page loads, jquery and javascript turns this into a full functioning mailbox system.

What I am wondering is - Should I bother with the HTML snippet, or just build the entire thing through JS?

Community · Accepted Answer · 2017-05-23 12:03:14Z

4

Having the markup in your page potentially degrades much better for users with no script. Plus, it's usually easier to work with existing markup than build it completely from scratch with JavaScript.

Sometimes templating can be an appropriate solution. This will not degrade for users without script, but if you have a script-heavy page that needs to create a lot of markup dynamically, templates can make this simpler.

If you find that you are duplicating blocks of markup from page to page, this should probably be addressed server-side by storing the common content in a single location.

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered Jan 12, 2012 at 22:52

Tim M.

54.5k14 gold badges126 silver badges167 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Richard Scarrott · Accepted Answer · 2012-01-12 22:59:54Z

0

Depends if you're writing an application or a website. Does SEO matter? Does accessibility matter? Do you need to support a wide range of browsers and devices?

If not then I'd write it in JS but take a look at some MVC frameworks such as backbone.js or JavaScriptMVC etc. in which case you'll likely want to be using client-side templating so you're html should be in the page but not in the DOM.

answered Jan 12, 2012 at 22:59

Richard Scarrott

7,0932 gold badges38 silver badges49 bronze badges

Collectives™ on Stack Overflow

Keep html snippets or just build with javascript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related