職場の先輩から、imgタグへのwidthやheightの指定を止めるように言われました。
先輩曰く、W3Cの方針ではそうなっている、とのこと。
後学のためにと、W3Cのその部分の説明のあるWeb上のアドレスを先輩に尋ねたのですが、「書籍で見た」というだけで、具体的なことは教えてもらえず、自分で調べるしかなくなりました。
しかし、いくら調べてもよく分からず、こちらに参りました。
できれば日本語になっているものがいいのですが、無ければ英語でもかまいません。
1. W3Cのその部分の説明のあるアドレス
2. その方針が打ち出された理由について解説してある部分のアドレス
以上の2点について、どうかご教授ください。
No.2ベストアンサー
- 回答日時:
別に W3C では、IMG 要素の width 属性や height 属性は非推奨にはなっていません。
(その様な記述を見た事がないだけですが。)
ただ、TD 要素の width 属性は非推奨となっていたので、「非推奨」の記述をしている物を見た事があり
、その上でIMG 要素の width 属性や height 属性は非推奨にはなっていないという確認まではした事があると・・・。
(繰り返しますが、その資料の信憑性はわかりません。)
また、質問で挙げられている「書籍」の精度というか信頼性も不明です。
なにせHTMLのタグについても誤った記述の書籍はいくらでもありますし・・・・・。
IMG 要素の width 属性や height 属性を指定するべきか否かの考え方の元となる事は、
描画される時の位置情報等はどの様に指定するべきかという事かと。
IMG 要素に於いては、 width 属性や height 属性が指定されていない場合には画像データが読み込まれないと幅や高さが不明で HTML の描画でそれ以降の位置決めが困難になる。
その回避から width 属性や height 属性を指定する事により、画像データが読み込まれる以前に IMG 要素の HTML の描画で位置決めが進められ、描画が早くなる。
という考え方と。
見た目,デザインに関する事は、CSSで記述しましょう。
という考え方。
まぁ、私が主に見ている「HTML 4.01 仕様書邦訳」では、とりあえず
IMG 要素の width 属性や height 属性は非推奨にはなっていない
という事で・・・。
参考URL:http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
ご回答、ありがとうございました&大変助かりました。
TD 要素の width 属性 height 属性 の非推奨、ひょっとして先輩はこれと間違えていたのかな…と思ったら、先輩はこれ使っています(^_^;
#2さんのおっしゃるように、サイズ指定をしていると画像表示が遅れる時に先に文字表示できるので、ユーザビリティの観点から考えると、先輩の話はかなりおかしいのに…
と、納得がいかない状態でしたが、大元が判明したおかげですっきりしました。
No.1
- 回答日時:
img要素のwidth,heightに関しては非推奨にはなっていなかったような。
hspace属性なんかは非推奨ですけどね。
この属性が非推奨になった理由に関してはスタイルシートによるものです。いくらでも事例はでてきますので検索をお願いします。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
http://www.w3.org/TR/REC-html40/struct/objects.h …
ご回答、ありがとうございました&大変助かりました。
hspace属性は、普段から使っていなかったので気にもかけていませんでしたが、知らないと危ないですね。
英語は苦手ですが、大元が判明したおかげですっきりしました。
出所を確認しながらできるだけ間違いの無いよう、更に勉強します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- 医師・看護師・助産師 新人看護師 採血 とある病院の外来で看護師をしています。 ありがたいことに毎日採血の患者さんがいてや 3 2022/04/20 18:24
- 大人・中高年 この場合どう言うのが社会人として正しい? 2 2022/10/18 20:48
- 子供・未成年 部活動について悩みがあります 3 2022/05/21 20:27
- 大学受験 模試の直しについて質問いたします。かなり長くなります。 多くの人が模試の復習は自分の弱点を見つけ出す 2 2023/01/14 23:50
- 教育学 学校ってなんで必要? 8 2022/08/24 19:36
- 留学・ワーキングホリデー 中学生 留学面接 至急お願いします!!!! 3 2022/12/14 15:44
- 会社・職場 私は、どうしたらよかったのか… 5 2022/07/17 04:17
- 大学受験 資格試験などの勉強で過去問題集の解説を理解する時、分からない用語を調べてどうするのが良いですか? 問 3 2023/06/18 17:18
- 会社・職場 何を言っても何を押し付けてもいいと思われる。どうすればそうならずに済みますか? 1 2022/07/22 01:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
質問1.
-
submit buttonの違い
-
input type="hidden"で取得した...
-
smallにtext-allignが効かない
-
<textarea>に<pre>を使うと・・・
-
配列の要素をまとめて比較したい
-
取消し線に色を付ける
-
textareaの幅を画面と合わせたい
-
HTMLページ上でiframeを最前面...
-
CSS:overflow要素の印刷について
-
超音波で洗脳。
-
角丸画像の背景色を透明にした...
-
<br /><hr />どっちを使ったら...
-
下線と文字の間を調整するには...
-
【CSS】imgタグを、親要素の幅...
-
VBA でIE 操作 ボタンをクリッ...
-
「にはとって代わることのでき...
-
1から100までの自然数のうち、2...
-
HTMLで <p>~</p>内で2回以...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
質問1.
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
タグは大文字と小文字どちらが...
-
改行ほどは行かないけど、若干...
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
CSS:overflow要素の印刷について
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
emとstrongの反対
-
cssのdisplay:block
-
border: noneでボタンの境界線...
-
tdに対してmin-heightの定義、...
おすすめ情報