<rmcreative>

То, что в документе возможно использовать любые свои тэги — штука известная, но, думаю, найдутся люди, которые о ней не знают.

Например, хочется нам разметить свою страничку вот так (я ни в коем случае не утверждаю, что стоит так делать):

<blog>
    <header>Это блог с занятной разметкой</header>
    <article>
        <header>Web Optimizer 0.5 «cheetah», RC3</header>
        <text>Вышел RC3 хорошей автоматической системы клиентской оптимизации.
 
Неполный, но всё-равно довольно внушительный список изменений можно посмотреть на Хабре.
 
В последней версии заявлена поддержка phpBB и Yii, что меня лично не может не радовать.</text>
    </article>
</blog>

Разметили… получили кучу невнятного текста. Применим CSS:

blog, article, header, text {
  display: block;
}
 
blog {
  border: 1px solid #ccc;
  background: #eee;
  padding: 10px; margin: 10px;
}
 
article {
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px; margin: 10px;
}
 
header {
    font-size: 200%;
}
 
text {
    line-height: 160%;
}

Уже лучше. В браузерах, отличных от IE всё хорошо. Для IE добавим немного JS:

// Для IE:
document.createElement('BLOG');
document.createElement('ARTICLE');
document.createElement('HEADER');
document.createElement('TEXT');

Естественно, лучше этот JS обрамить в Conditional Comment…

Пример