HTML Resources Index

What is HTML?

Sure, you might think your beyond that question. But hold on a second.

HTML was designed for you to use. It was designed for everyone. It wraps text or tags around your content to describe it.

And that folks is HTML in a nutshell. The problem is we've got this simple markup language was used and abused which has us in a situation where tables, divs, br's spacer gifs and who knows what to get websites to look the way they were supposed to.

HTML is not meant for that. HTML is a markup language, not a design language. And that folks leads us to Web Semantics and Web Standards.

Snippits and Examples

In no particular order, the following are a list of XHTML snippits and modules that are developed for example and reuse. The approach taken in most cases should be modular, re-usable and extendable.

• xhtml-accordion (www.chadlindstrom.ca)
• xhtml-flyout-nav (www.chadlindstrom.ca)
• xhtml-javascript-select (www.chadlindstrom.ca)
• xhtml-popins (www.chadlindstrom.ca)
• xhtml-q-and-a (www.chadlindstrom.ca)

Best Practices and Programming Style

The following is a list of demonstrated modules, practices and styles that are considered 'best practices' and work well in multi-developer projects of all sizes. The markup is semantic and utilizes microformats to demonstrate accessible, searchable and SEO friendly development.

• xhtml-q-and-a (www.chadlindstrom.ca)
• xhtml-flyout-nav (www.chadlindstrom.ca)
• xhtml-accordion (www.chadlindstrom.ca)
• http://www.schillmania.com/content/opinion/2005/10/on-seo-and-spamming/

W3C DOM vs. DHTML

• http://www.digital-web.com/articles/forms_usability_and_the_w3c_dom/

Other Resources

• Source order and skip links — Accessibility
• Scott Schiller on SEO
• Width based layouts
• Bulletproof HTML: 37 Steps to Perfect Markup
• The Duality of Forms
• Understanding "Any order columns"
• It's not Divitis
• http://www.digital-web.com/articles/markup_as_craft/