非推奨タグ・属性

以前、HTMLはhtmlのページの外枠を作る物であり、文字の装飾+その他はCSSで行うべきという事を書きました。 今回は、もうちょっと掘り下げてHTMLの非推奨タグと非推奨属性の紹介をします。

これは、今後話に出てくるドキュメントタイプにも直結する内容ですので、こんなのもあったなぁ〜ってぐらいは、 最低でも記憶に留めておいてください。

また、ぶっちゃけた話、非推奨タグ・属性を全く使わないってのは結構厳しいモノがあったりするんですよね。 後から非推奨だったことに気付いたりすることも多々ありますし。 実際に当サイトでもそれなりに非推奨要素使っちゃってますからね・・・。

非推奨の物は極力使わないように心がけるようにする。ぐらいで最初は良いと思いますよ。 実際に標準モードではなく互換モードで表示させる場合は非推奨でも関係なく使えちゃいますから。

■非推奨要素(このタグ自体が非推奨)
非推奨のタグ代替案
appletobjectを使用
centerスタイルシートを使用。
例:<div style="text-align:center;"></div>
dirulを使用
fontスタイルシートを使用。
例:<span style="color:red;"></span>
isindexinput type="text" を使用
listingpreを使用
menuulを使用
plaintextpreを使用
sスタイルシートを使用
例:<span style="text-decoration:line-through;"></span>
strikeスタイルシートを使用
例:<span style="text-decoration:line-through;"></span>
uスタイルシートを使用
例:<span style="text-decoration:underline;"></span>
xmppre使用。ただし、<や>や&はそのまま使えないので、
「&lt;」「&gt」「&amp;」と記述する必要有り

次は要素全部ではなく、その要素を使う場合にこの属性は非推奨という物を紹介します。 要素単位で紹介したいので、1つだけ属性をベースに紹介しますね。

■align属性
caption
div
h1〜h6
hr
iframe
img
input
legend
objet
p
table
上記のタグのalign属性は全て非推奨となっております。
代替案としては、全てスタイルシートで設定してください。
例:style="text-align:center"
なお、上記以外のタグのalign属性は非推奨ではありません。

■body
非推奨の属性代替案
alinkスタイルシートで設定
例:a:active {color:red;}
backgroundスタイルシートで設定
例:body {background-image:url(bg.jpg) no-repeat;}
bgcolorスタイルシートで設定
例:body { background-color:red;}
linkスタイルシートで設定
例:a:link {color:red;}
textスタイルシートで設定
例:body {color:red;}
vlinkスタイルシートで設定
例:a:visited {color:red;}

■br
非推奨の属性代替案
clearスタイルシートで設定
例:br {clear:none;}、br {clear:both;}

■hr
非推奨の属性代替案
alignスタイルシートで設定
例:hr {text-align:center;}
noshade代替無し
sizeスタイルシートで設定
例:hr {border-width:2px;}
widthスタイルシートで設定
例:hr {width:20px;}

■html
非推奨の属性代替案
versionドキュメントタイプで設定

■img、object
非推奨の属性代替案
alignスタイルシートで設定
例:img {text-align:center;}
borderスタイルシートで設定
例:img {border:0;}
hspaceスタイルシートで設定
例:img { margin-left:10px; margin-right:10px;}
vspaceスタイルシートで設定
例:img { margin-top:10px; margin-bottom:10px;}

■li
非推奨の属性代替案
typeスタイルシートで設定(ol、ulによって使える物が違うので注意)
例:li {list-style-type:decimal;}
value代替無し

■ol
非推奨の属性代替案
compact代替無し
start代替無し
typeスタイルシートで設定
例:ol { list-style-type:lower-alpha;}

■pre
非推奨の属性代替案
widthスタイルシートで設定
例:pre {width:200px;}

■script
非推奨の属性代替案
languagetypeを使用

■table
非推奨の属性代替案
alignスタイルシートで設定
例:table { text-align:center;}
bgcolorスタイルシートで設定
例:table { background-color:black;}

■td、th
非推奨の属性代替案
bgcolorスタイルシートで設定
例:td {backgrouund-color:black;}
heightスタイルシートで設定
例:td {height:10px;}
nowrapスタイルシートで設定
例:td {white-space:nowrap;}
widthスタイルシートで設定
例:td {width:100px;}

■tr
非推奨の属性代替案
bgcolorスタイルシートで設定
例:tr {background-color:black;}

■ul
非推奨の属性代替案
compact代替無し
typeスタイルシートで設定
例:ul {list-style-type:circle;}



HP作成-応用編-

外部ファイルを使ってみよう
リンクの設定変更
お気に入りに追加+ホームに設定
非推奨タグ・属性
ドキュメントタイプについて
ブラウザ互換について-width-
ブラウザ互換について-継承-
ブラウザ互換について-外部CSS-

▲このページのトップに戻る

幸せなお金持ち
Webノウハウ・ラーニングコース

当サイトは上記の「Webノウハウ・ラーニングコース」の正規パートナーサイトです。 私の紹介で購入すると10%OFFになります。

w6669」←が私のギフトナンバーですので、 ご購入の際には是非お使いください♪

Webノウハウ講座の感想

【PR】 釣具販売【楽天】  ルアー・フィッシング【楽天】