HeavenGames Tech Blog

Once upon a time, broadband was limited to a handful of university campuses and companies that are tech savvy, and the majority of visitors were on 28K- 56K dialup. Because throughput was so slow, HTML coders had to invent ways to make a site load faster, such as heavy optimization of site graphics (which we still do), and also using non-standard HTML markup by stripping quotes from tags, as well as getting rid of Whitespace. That was 7 years ago.

Today, many web sites such as HeavenGames employ on-the-fly compression of HTML, often reducing HTML pages to 5-10% of their original size before they’re transferred to the user. This means you can safely put in quotes around attributes, format the HTML with whitespace and lines so it’s easier for your successors to easily pick up where you left off, as well as avoid messing up our frontpage when posting news.

I would really appreciate it if these basic tips are followed … at the very least it’ll save you from having to contact me to fix the HG Main page :)

• Close all the tags. This includes <img src="..." />, <br />, <hr />, <p> ... </p>, and <li> ... </li> tags.
• List Items (<li>...</li>) can not be standalone – they should be contained in an unordered list (<ul>...</ul>) or an ordered list (<ol>...</ul>). For example:

  <ul>
    <li>Bullet Item 1</li>
    <li>Bullet Item 2</li>
    <li>Bullet Item 3</li>
  </ul>
  

• Attribute values should be surrounded by quotes. Do <img src="http://www.heavengames.com/some_image.jpg" width="150" height="150" border="0" /> instead of <img src=http://www.heavengames.com/some_image.jpg width=150 height=150 border=0>

Want to learn more? HTMLDog is a great place to learn how to code HTML accurately.