追加された要素と属性 | HTML5

html5

新しい要素

文書構造を明確にするための要素

  • section要素
  • header要素
  • nav要素

など

テキストの意味を明確にするための要素・属性

  • time要素
  • mark要素

など

動画と音楽のための要素・属性

  • video要素
  • audio要素

など

フォームに関する要素・属性

  • input要素
  • datalist要素

など

Webアプリケーションのための要素

  • canvas要素
  • progress要素

など

ルビなどの特定言語のための要素・属性

  • ruby要素
  • bdi要素
  • wbr要素

など

新しい属性

async属性

JavaScriptをバックグラウンドでHTMLと同時に読み込む

defer属性

HTMLの読み込むが完了してからJavaScriptを読み込む

使うべきではないもの

ほとんど使われていない

CSSで指定するべき

  • font要素
  • bgcolor要素

閲覧者に不親切

  • frame要素

新しい記述

a要素がブロック的な要素を含めることができる

<div class="post">
  <a href="#">
    <div class="date">
      <span>1</span>AUG
    </div>
    <h2>風車と風の関係</h2>
    <p>
      <img src="img/windmill_thumb.jpg" alt="">本文
    </p>
    <p class="more">READ MORE</p>
  </a>
</div>
<!--/.post-->