HTML

HTML Standards & Browser Support

The HTML5 Doctype and HTML5 features will be used on projects when appropriate.

To ensure HTML5 markup compatibility with older browsers, use either:

• Polyfill.io
• Modernizr - used for feature detection. Consider code bloat, use the build generator to decrease its size
• HTML5shiv - no feature detection, simply ensures markup compatibility

Semantic Markup

Authors are reminded to always use markup which represents the semantics of the content in the document being created. HTML have a number of semantic constructs that allow search engines and screen readers to understand the relationships between the pieces of content.

HTML5 Elements Make use of HTML5 elements such as <header>, <article>, and <section> where appropriate, to provide semantic value to the document.

<!-- bad -->
<div>
  <div>Article content</div>
  <div>Header content</div>
</div>

<!-- good -->
<section>
  <article>Article content</article>
  <header>Header content</header>
</section>

Resources

• github.com/joshbuchea/HEAD the definitive resource for everything that could go in the head of your document