HTML4.01で非推奨となった主な要素と属性
- ◇要素(開タグ〜閉タグ)
- ＜font＞〜＜/font＞、＜center＞〜＜/center＞、＜u＞〜＜/u＞、＜s＞〜＜/s＞
- ◇属性
- ＜body＞ 内の全部(背景、文字色、リンク文字色)、＜br＞ の clear、＜img＞ の hspace、vspace、border、＜td＞ の width、height、全タグの bgcolor(背景色)、background(背景画像)、align(配置) ※＜td＞内のalignは省かれている様子
- ◇非推奨ではないが推奨されないもの
- ＜b＞〜＜/b＞、＜small＞〜＜/small＞、全タグのstyle属性(xhtml1.1で非推奨)
移行手順
- (1) 移行する要素や属性に合わせて、次のようなスタイルシートを設定する。
- 移行用スタイルシート(例)
-
/* body の text と bgcolor */
body{
color: #000000;
background-color: #ffffff;
/* 全体divの align="center" */
text-align:center;
}
/* body の link */
a:link{ color: #0000ff }
/* body の vlink */
a:visited{ color: #003399 }
/* body の alink */
a:active{ color: #ff9900 }
/* img の border=0 */
img{ border: none }
/* img の vspace と hspace */
.vh{ margin:5px }
/* center と align="center" */
.ct{ text-align:center }
/* align="right" */
.migi{ text-align:right }
/* b */
.bld{ font-weight:bold }
/* small */
.sml{ font-size:smaller }
/* font の color */
.red { color:#ff0000 }
/* u */
.udl{ text-decoration: underline }
/* nowrap や nobr */
.nbr{ white-space:nowrap }
/* td の width と height */
.w{ width: 32px }
.h{ height: 32px } - (2)<head>と</head>の間に以下のようなスタイルシートのリンクを入れる。
- <link rel="stylesheet" content="text/css" href="〜/*****.css">
- (3)(1)のスタイルシートに合わせてHTMLを書きかえる。( 多い場合は、置換ソフトで一括置換すると便利です。)
- 例：
- ＜p align="right"＞右寄せ＜/p＞ → ＜p class="migi"＞右寄せ＜/p＞
- ＜font color="red"＞赤い文字＜/font＞ → ＜span class="red"＞赤い文字＜/span＞
- ＜small＞小さい文字＜/small＞ → ＜span class="sml"＞小さい文字＜/span＞
- ※classは複数設定することができる：＜span class="sml red"＞小さい赤い文字＜/span＞
- ＜p align="right"＞右寄せ＜/p＞ → ＜p class="migi"＞右寄せ＜/p＞
- ※テーブルを中央に配置する場合は、別途、
.ct table{ margin-left:auto; margin-right:auto }
を設定し、＜div class="ct"＞(テーブル、複数可)＜/div＞ のように記述する。