HTML Coding Standards

From Wikipedia of the Dark Brotherhood, an online Star Wars Club
Revision as of 21:30, 29 May 2011 by Orv Dessrx (talk | contribs) (getting rid of extraneous whitespace and weird html comment)
Dark Brotherhood Coding Standards
Coding Standards and Practices
ASP Coding Standards CSS Coding Standards Database Standards
HTML Coding Standards JavaScript Coding Standards PHP Coding Standards

General Info

All applications should follow the following:


  • HTML code should follow the W3C’s recommendation for capitalization. In short this means all elements and attributes should be in all lowercase.
  • All HTML should be written as close to the W3C HTML5 standards as possible.
  • Semantic markup must be used.

Markup Guidelines

Tables

  • All tables should use the <thead> and <tbody> tags (as well as <tfoot> if applicable).
  • <th>'s scope attribute should be used.
<table>
  <thead>
    <tr>
      <th scope="col">Header 1</th>
      <th scope="col">Header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>2</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>4</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th scope="col">Footer 1</th>
      <th scope="col">Footer 2</th>
    </tr>
  </tfoot>
</table>

If DJBTemplate is not being used...

Even though this isn't recommended, sometimes it is required. If you go down this road, here are a few tips and requirements.


Doctype

You need a doctype declared. As we are really pushing HTML5, please use the following as the first line of your HTML document (before the <html>) tag.


<!DOCTYPE html>

Set the Charset

Make sure you set the charset to UTF-8.


<meta charset="utf-8">

HTML5 Resources

DJBTemplate has some HTML5 functionality provided for us, so check out what it has to offer. Here are some handy HTML5 resources: