Webデザインの勉強と製作 | あかとんぼ

フェリカテクニカルアカデミーの学習をベースに、Webについての勉強と製作の過程をまとめています。

[html5]④追加された要素と属性、廃止される要素と属性

  • 新しい要素
    • 文書構造を明確にするための要素
  • テキストの意味を明確にするための要素・属性
    • 動画と音楽のための要素・属性
    • フォームに関する要素・属性
    • Webアプリケーションのための要素
    • 特定言語のための要素・属性
    • 使い方が変更された要素・属性
    • async属性、defer属性
  • 使うべきでないもの
    • ほとんど使われないもの
    • CSSで指定すべきもの
    • 閲覧者に不親切なもの
  • 廃止される要素

新しい要素

文書構造を明確にするための要素
  • section要素
  • header要素
  • nav要素
  • hgroup要素(14/12月勧告で削除)
テキストの意味を明確にするための要素・属性
  • time要素
  • mark要素 ・・・
動画と音楽のための要素・属性
  • video要素
  • audio要素 ・・・
フォームに関する要素・属性
  • input要素
  • datalist要素
  • バリデーション機能
  • range属性
  • date属性 ・・・
Webアプリケーションのための要素
  • canvas要素
  • progress要素 ・・・
特定言語のための要素・属性
  • ruby要素
  • bdi要素
  • wbr要素 ・・・
使い方が変更された要素・属性
  • small要素
  • i要素
  • b要素
  • address要素
  • menu要素
async属性、defer属性
  • Javascriptを読み込むタイミングを指定
  • async属性:JavascriptをバックグランドでHTMLと同時に読み込む
  • defer属性:HTML読み込みが完了してからJavaScriptを読み込む

使うべきでないもの

ほとんど使われない
CSSで指定すべき
  • font要素
  • bgcolor要素
閲覧者に不親切
  • frame要素

廃止される要素

  • 本来CSSで指定すべきである見た目の体裁を整える要素
  • アクセシビリティ上問題があるフレーム関連の要素
  • よく似た他の要素と使い分けできない要素



d.hatena.ne.jp