【HTML5、CSS2.1】imgのalign

Question

HTML5、CSS2.1でホームページを作成しています。

http://www.tagindex.com/html_tag/img/img_align.html

このサイトを参考に画像の右中央に文字を配置したいのですが
HTML5ではalign属性が認められていません。

どのように対処すればよいのか教えていただけましたら幸いです。

ORUKA1951 · Accepted Answer

＞いろいろあるとは思いますが作る側はだいぶ配慮が求められるようになりましたね。＞あきらめようと思います。　そうではなくて、HTML4.01の時代から「HTMLからプレゼンテーションに関わるものは非推奨で、将来廃止される」となっていました。　きちんと文書構造にしたがってマークアップされていれば、デザインはHTMLのプレゼンテーション機能の制約を越えて自由に設定できます。「画像の右中央に文字を配置したい」のでしたら、それは、ある文章を背景画像の右中央に配置したい」と考えます。

ようこそ、我が家へ

でしたら、スタイルシートは #message{ width:200px;margin:0 auto; background:url(画像URL) no-repeat 50% 50% gray; height:150px; line-height:150px; text-align:right; } で良いはずです。

opacity1 · Answer

TAG index さんのサイトにあるコードを見るに、こういうことでしょうか？ test

右側の中央にテキストを表示します。

ORUKA1951 · Answer

そんなサイトを見たらダメです。きちんと仕様書を読みましょう。HTML4.01の仕様書には
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
IMG要素とOBJECT要素の、視覚的配置及びプレゼンテーションに関する属性は、推奨しないこととなった。スタイルシートを奨める。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［13.7 画像、オブジェクト、アプレットの視覚的プレゼンテーション( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#visual )］より

と明記してあります。
　そのサイトは、HTMLK4.01strictではなく、transitinalについて書かれています。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 HTML 4仕様が定める各DTDの詳細については バージョン情報の項を参照のこと。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Conformance: requirements and recommendations (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )］より
と、HTML4.01が勧告になった1999年以降、strictは非推奨で、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
推奨しない
　　推奨しない要素・属性とは、新しい枠組みができたことによって、陳腐化したものを
　指す。推奨しない要素は、リファレンスマニュアルの各所で定義し、推奨しないことを
　明記する。推奨しない要素は、HTMLの将来のバージョンでは廃止になる可能性がある。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Conformance: requirements and recommendations (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )］より

と予告どおり、HTML5では、すべてと言ってよいくらい廃止されています。

今学ぶなら、HTML4.01strictをしっかり身につけなさい。そしたら、
★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ )
　を読むくらいで卒業です。

画像を画面の右中央に表示する方法は、CSS3にもありません。当然ですが・・・

そのような場合は、画像ごとに位置を指定するか、背景画像で指定するかになります。

4017B · Answer

(｀・ω・´)つ　http://www.tagindex.com/stylesheet/img/float.html

【HTML5、CSS2.1】imgのalign

＞いろいろあるとは思いますが作る側はだいぶ配慮が求められるようになりましたね。

TAG index さんのサイトにあるコードを見るに、

この回答への補足

そんなサイトを見たらダメです。

この回答への補足

(｀・ω・´)つ

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

(｀・ω・´)つ　