職場の先輩から、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ランキング
-
マージソートの計算量について-...
-
cssのfloatについて
-
NからZへの全単射を具体的に構...
-
KompoZerの使い方について
-
smallにtext-allignが効かない
-
H1タグを画像にしたい
-
【ヒトの神秘】美男美女から何...
-
submit buttonの違い
-
「諸要素」とはどういう意味で...
-
XHTML1.1で空要素タグを書くと...
-
質問1.
-
CSSで改行後の行間調整
-
エクセル vbaに詳しい方 お願い...
-
emとstrongの反対
-
エロマンガ先生とはどんな話で...
-
C言語 並び替え(配列)について
-
テキストボックスの中にリンク...
-
1から100までの自然数のうち、2...
-
XHTML+CSS 罫線を入れたい場合
-
角丸画像の背景色を透明にした...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
2個のFormを横並びにしたい
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
smallにtext-allignが効かない
-
超音波で洗脳。
-
質問1.
-
「諸要素」とはどういう意味で...
-
改行ほどは行かないけど、若干...
-
マージソートの計算量について-...
-
1から100までの自然数のうち、2...
-
タグは大文字と小文字どちらが...
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
html タグの閉じスラッシュ前の...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
HTMLページ上でiframeを最前面...
-
【CSS】imgタグを、親要素の幅...
おすすめ情報