最近、コーディングしていて細かい知識が抜けている事に気づいたので備忘録のために記述しておきます。
非推奨要素(このタグ自体が非推奨)
非推奨のタグ | 代替案 |
---|---|
applet | objectを使用 |
center | スタイルシートを使用。 例:<div style="text-align:center;"></div> |
dir | ulを使用 |
font | スタイルシートを使用。 例:<span style="color:red;"></span> |
isindex | input type="text" を使用 |
listing | preを使用 |
menu | ulを使用 |
plaintext | preを使用 |
s | スタイルシートを使用 例:<span style="text-decoration:line-through;"></span> |
strike | スタイルシートを使用 例:<span style="text-decoration:line-through;"></span> |
u | スタイルシートを使用 例:<span style="text-decoration:underline;"></span> |
xmp | pre使用。ただし、<や>や&はそのまま使えないので、 「<」「>」「&」と記述する必要有り |
次は要素全部ではなく、その要素を使う場合にこの属性は非推奨を紹介します。属性をベースに紹介します。
■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
非推奨の属性 | 代替案 |
---|---|
language | typeを使用 |
■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;} |