Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/cwor/www/corporate/managesite/soho_wp/wp-content/plugins/social-networks-auto-poster-facebook-twitter-g/inc/nxs_functions_engine.php on line 168

Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/cwor/www/corporate/managesite/soho_wp/wp-content/plugins/social-networks-auto-poster-facebook-twitter-g/inc/nxs_functions_engine.php on line 175

Warning: Cannot modify header information - headers already sent by (output started at /home/cwor/www/corporate/managesite/soho_wp/wp-content/plugins/social-networks-auto-poster-facebook-twitter-g/inc/nxs_functions_engine.php:168) in /home/cwor/www/corporate/managesite/soho_wp/wp-content/plugins/stripe/includes/core/libraries/wp-session/class-wp-session.php on line 146
HTML4とHTML5の違い(廃止されたタグ属性) | 私たちCamarade(カマラード)はクリエイター目線で総合的な情報を発信するWebメディアとして情報をお届けしております。 廃止されたタグ要素について説明しましたが、今回は廃止され">
CamaradeCamarade
2015/03/30

HTML4とHTML5の違い(廃止されたタグ属性)

この記事は約3分で読めます。

HTML4とHTML5の違い(廃止されたタグ属性)

初級カスタマイズ

初級カスタマイズ編、前回は廃止されたタグ要素について説明しましたが、今回は廃止された属性をご紹介します。
属性とは<a href>の”href”など、タグの役割を細かく指定するものです。
HTML4ではタグで見た目(デザイン)を変えることもありました。
HTML5では記述を煩雑にしないためそいうったタグが廃止されました。
特にデザインで用いるタグは身近だと思いますので、今回は廃止された属性の中でもCSSにて扱われるべきものをピックアップします。

CSSにて扱われるべきタグ属性

HTML4の時よく使用されていませんでしたか?

  • <body background=”test.img”>
       (代替例)→body { background:url(test.jpg) no-repeat; }
  • <body bgcolor=”red”>
       (代替例)→body { background:red; }
        table,tr,td,thも同様。
  • <iframe frameborder=”red” marginheight=”30px” marginwidth=”30px”>
       (代替例)→iframe{ border:red solid 3px; padding:30px; }
  • <hr size=”1″>
       (代替例)→div { border-bottom:1px solid #000; }

    ※<hr>のalign、noshade、size、width属性は廃止されています。
    また、<hr>要素はHTML4では水平線を描画するものと定義されていましたが、HTML5ではテーマの区切りを表すもので、水平線の定義はありません。

    水平線を出すときはCSSでborderを使用します。

  • <li type=”disc”>
       (代替例)→ li { list-style-type:disc; }

いかがでしょうか。
このように、HTML5になりCSSで記述するべきものがでてきています。
今回はその一部と代わりに使うCSSをご紹介しました。
W3C(Webで使われる技術の標準化を行っている団体)に廃止された属性の一覧も表記されていますので、気になったらチェックしてみて下さい。
http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#absent-attributes

一覧へ戻る

私たちについて

私たち『Camarade(カマラード)』はクリエイター目線で
総合的な情報を発信するWebメディアとして
PhotoShopやillustratorの活用方法や、WordPressなどのCMSの
カスタマイズ方法など幅広い情報をお届けしていきます。
同時にSOHOやフリーランスのパートナーを募集しております。