<center>HTML のタグが非推奨になった理由が気になります。
これ<center>は、コンテナをタグでカプセル化することにより、テキストと画像のブロックをすばやく中央揃えにする簡単な方法でしたが、<center>今それを行う方法についてこれ以上簡単な方法を見つけることはできません.
margin-left:auto; margin-right:auto;「もの」（および幅のものではない）を中央に配置する簡単な方法を知っている人はいます<center>か？また、なぜ廃止されたのですか？
この要素は、その内容の表示<center>を定義しているため、非推奨になりました—その内容を記述していません。
中央揃えの1つの方法は、要素のプロパティmargin-leftとmargin-rightプロパティをにauto設定してから、親要素のtext-alignプロパティをに設定することcenterです。これにより、要素がすべての最新のブラウザーの中央に配置されることが保証されます。
W3Schools.comによると、
center 要素は HTML 4.01 で廃止され、XHTML 1.0 Strict DTD ではサポートされていません。
HTML 4.01 仕様では、このタグを非推奨にする理由が次のように示されています。
CENTER 要素は、「center」に設定された align 属性で DIV 要素を指定することとまったく同じです。
私がやっていることは、センタリングやフローティングなどの一般的なタスクを取り、それらから CSS クラスを作成することです。それを行うと、どのページでもそれらを使用できます。同じ要素で好きなだけ呼び出すこともできます。
.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}
これで、HTML コードでそれらを使用して簡単なタスクを実行できるようになりました。
<p class="text_center">Some Text</p>
必要に応じて、これをXHTML 1.0 TransitionalおよびHTML 4.01 Transitionalで引き続き使用できます。他の唯一の方法 (私の意見では最善の方法) は、マージンを使用することです。
<div style="width:200px;margin:auto;">
<p>Hello World</p>
</div>
HTML は要素を定義する必要があり、その表示を管理するのではありません。
HTMLは、レイアウトを制御するのではなく、データを構造化することを目的としています。CSSはレイアウトを制御することを目的としています。<table>また、これとまったく同じ理由で、多くの設計者がレイアウトに使用することに眉をひそめていることにも気付くでしょう。
マークアップ、つまりHTMLタグは、外観ではなく、意味と構造を表すことを目的としています。それはHTMLの初期のバージョンではひどく混同されていましたが、標準の人々は今それをクリーンアップしようとしています。
タグで外観を制御する際の問題の1つは、スクリーンリーダーなどの障害者向けのデバイスでページが適切に再生されないことです。また、テキストにたくさんのタグが含まれているため、意味を明確にするのに役立ちませんが、別のレベルの情報で乱雑になります。
そのため、CSSは、フォーマット/表示をテキストとは別の別の言語に移動することを考えていました。この言語は、そのように簡単に保持できます。特に、これにより、スタイルシートを切り替えることで、他のマークアップに触れることなくWebページの外観を変更できます。そして、1つのうねりのフープで多くのページに対してそれを行うことができるようにします。
CSSがこれを行うために提供するツールは、必ずしもエレガントであるとは限りません。私はあなたの味方です。たとえば、効果的な垂直センタリングを行う方法はありません。また、水平方向の中央揃えは、テキストに適しているだけtext-alignではない場合、それほど良くはありません。
あなたは、簡単で、効果的で、混乱しているのか、きれいで、エレガントで、面倒なのかを選択できます。Web開発者がこの混乱に我慢した理由はわかりませんが、少なくとも自分たちの仕事を成し遂げる機会があれば喜んでいると思います。
テキストと画像には、次のものを使用できますtext-align。
<div style="text-align: center;">
I'm centered.
</div>
CSSにはtext-align: centerプロパティがあり、これはセマンティックではなく純粋に視覚的なものであるため、HTMLではなくCSSに格下げする必要があります。
考察の材料: テキスト読み上げシンセサイザーは で何をし<center>ますか?