Htmlshell - generate HTML skeletons

http://htmlshell.com/

by TomAnthony • 14 years ago

73 28 14 years ago

htmlshell.com

joelverhagen• 14 years ago

Just what I need to make a little one-off JavaScript app.

To be more DRY, shouldn't the "Autorun JavaScript" make use of selected JavaScript libraries (i.e. jQuery if possible)?

ecesena• 14 years ago

I agree.

Moreover, html5boilerplate recommends NOT to include the /1/ query: http://html5boilerplate.com/html5boilerplate-site/built/en_U...

podperson2• 14 years ago

Actually what would really be neat is if it uses an included library if one is linked (e.g. jQuery $(function(){...});) and the code shown wrapped in an anonymous function otherwise (function(){...})();

samarudge2• 14 years ago

Why do so many people still use redundant HTML tags?

The opening and closing body and head tags aren't needed, nether is the closing html tag. It doesn't make that much difference to the page as a whole but it adds another level of indenting to your code and makes it more complicated than it needs to be.

alexchamberlain• 14 years ago

Seriously!?!

glesica• 14 years ago

The president of the Federation in Star Trek VI said it best:

"Let us redefine progress to mean that just because we can do a thing, it does not necessarily mean we must do that thing."

Other than the initial level of indenting, which is basically a non-issue for most people I suspect, there just isn't any reason to omit tags like this.

At the same time, they make the markup clearer, and help a reader quickly delineate between two important sections of the document. Therefore, since they provide at least a very small positive benefit, it is perfectly reasonable, IMHO, to include them.

podperson2• 14 years ago

I'm not sure I agree (I too did not know they weren't required any more).

We frequently see things like JavaScript pulled in at the bottom of documents -- the head and body long since stopped having functional impacts, and all they seem to do is make you feel guilty about doing things it seems it's not only pragmatic but perfectly OK to do now.

I guess omitting the outermost HTML tags would disturb me slightly if one wants to keep XML-ish. But then it's always bugged me that XML kind of assumes the "file" has no semantic significance.

TazeTSchnitzel3• 14 years ago

Do you need to delineate explicitly? There's a block of meta tags followed by a block of content tags. Quite possibly with whitespace inbetween. I think it's fairly obvious.

jack-r-abbit• 14 years ago

Probably the most accurate answer to your question is: Because so many people don't know they are not required. (I certainly was in that category until about 5 minutes ago)

But even now knowing that info... I will continue to use them. Yes, it adds another level of indenting... but personally I prefer that. Text that is without a left margin tends to be a little harder to read. I also like to have a visual grouping of the elements. I think I would disagree that it "makes it more complicated" to have those tags.

eli• 14 years ago

Exactly how much complexity does a closing <html> tag add?

samarudge2• 14 years ago

None, but for something that's attempting to generate very simple markup

  <!DOCTYPE html>
  <html>
    <meta charset="UTF-8">
    <title>TITLE</title>

Is nicer than

  <!DOCTYPE html>
  <html>
   <head>
    <meta charset="UTF-8">
    <title>TITLE</title>
   </head>
   <body>
    
    </body>
  </html>

GoodIntentions• 14 years ago

>> Why do so many people still use redundant HTML tags?

1. Dinna know you could skip them "legally"

2. Increased readability at nearly no cost

3. Concern that browser "x" will render crap if I skip them.

jaspero• 14 years ago

Just so that it doesn't make any difference to you or your presentation doesn't mean that you should avoid it. It is a best practice to include them and semantically right thing to do. It gives a structure to your document and defines what your document is about.

I don't see it as a redundant tag, not at all.

Dylan16807• 14 years ago

I would say it's more complicated to rely on omission rules.

Also you can simply not indent html and body.

talmand• 14 years ago

If it doesn't make much difference then you do it your way and I'll do it mine. What difference does it make? Plus, you can choose to indent however you wish so that's not much of a reason.

Personally, I just like the idea of opening and closing tags that clearly define what's going on in the markup.

dcarlson• 14 years ago

It's interesting. It would be helpful to me if it included a set of simple templates for different basic css layouts.

e.g. box centered in the center of the screen, three column fixed, two column flexible, etc.

here's a page with a whole listing of example css layouts. http://www.maxdesign.com.au/articles/css-layouts/

huskyr• 14 years ago

The 'autorun Javascript' at the bottom would be better of in a directly run anonymous function to avoid polluting the global scope with an 'autorun' function. Also, the 'On page loaded' example is not really needed. Any Javascript included at the very last in the page will run automatically on 'page load'.

TazeTSchnitzel3• 14 years ago

OP is not the creator of the site. You can email him here (from contact link at bottom of page): steve.niles@htmlshell.com

dmethvin• 14 years ago

Please don't include jQuery or Prototype using the URLs shown there, because they are only cached for one hour. Use a full-version URL.

bung• 14 years ago

Remember to have a backup for the jQuery googleapis call, you need to have this right after it: <script>window.jQuery || document.write('<script src="js/libs/jquery.x.js"></script>')</script>

dsl• 14 years ago

Inserting DOM elements via document.write will kill the performance of your site. Don't do it.

chaudruc• 14 years ago

Would love to see optional inclusion of the following: - Bootstrap (1,2) - jQuery UI - YUI - skeleton framework - facebook meta tags - viewport toggling - foundation framework - google analytics code (minus acct. #)

dutchbrit• 14 years ago

What about shiv or boilerplate?

Htmlshell - generate HTML skeletons

Related Stories