<center>タグの解説
<center>
は、文字列に限らずHTMLの各要素を中央揃え(センタリング)するために使われていましたが、既に廃止された要素です。
現在、見た目の整形はCSS(スタイルシート)で行うことが推奨されています。文字列を中央揃えにしたい場合は、text-align
プロパティを活用しましょう。ブロックレベル要素の横方向の位置を調整するには、margin
プロパティが有効です。
<center>タグの特徴
- レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
- 視覚的な効果は特に与えられませんが、この要素に含まれる内容を横方向の中央に寄せます。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にしても意味はありません。
<center>要素に指定できる属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<center>要素の使い方とサンプルコード
この要素の最も基本的な書き方は以下の通りです。<center>
は標準仕様から除外されたため、正常に機能しない場合があります。
<dev>文章の内容です。通常は左寄せで表示されます。</div>
<center>この内容をセンタリングします。</center>
<dev>文章の内容です。通常は左寄せで表示されます。</div>
同じ効果を与えたい場合は、CSSで以下のように記述します。
<dev>文章の内容です。通常は左寄せで表示されます。</div>
<div style="text-align:center;">この内容をセンタリングします。</di>
<dev>文章の内容です。通常は左寄せで表示されます。</div>