気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント138件
- 注目コメント
- 新着コメント
vlxst1224
古い人間なのでレスポンシブ対応する時widthとheight属性の記述を省くのが抵抗あったけど、やっぱり入れた方がいいよな。プレースホルダー大事 / HTML書くときは「ブラウザに読み聞かせてやる」を心がけるとvalidだと思う
carolina04
“なぜなら、2019年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたからです。これにより、ブラウザはimg要素に指定されたwidthとheight属性の値をもとにアスペクト比を計算して、ページ読み”
tohokuaiki
え？それまで無かったの？Netscapeは？“この機能はFirefox 71 、Chrome 79 、SafariのTechnology Preview Release 99 から実装されていて、2020年7月現在、Chromiumベースの最新のEdgeを含むメジャーなブラウザでサポートされています。”
twol
こんな機能が。ハックいらなくなったなぁ。 “これを提案してくれたウェブコミュニティの方々（たぶんMozillaのJenさん ）もすごいし、それをスピーディに実装した各ブラウザの開発者の方々もすごいなぁと思います。”
manaten
コンテンツ制作の観点だとソフトウェアの支援がないとただ面倒な作業が増えるだけだし、そういうサイトが主流になって自然と省略されていったのではないかな。非推奨だからで意識高く省略する人はほぼいないと思う
mohno
「レスポンシブな時代にはwidthとheight属性を書かないのが一般的に」「ブラウザはimg要素に指定されたwidthとheight属性の値をもとにアスペクト比を計算」←スタイルと両方が意味を持つということか。へぇぇ。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい
そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとhe... そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとheight属性を記述するのがいいらしいんです。 <img src="link/to/image.jpg" width="300" height="400" alt="画像の説明"> その昔、これが普通の時代もあったんですけどね。レスポンシブな時代にはwidthとheight属性を書かないのが一般的（？）になっていました。また、widthとheight属性が記述してあってもCSSでwidth: 100%; height: auto;が指定されているとレイアウトシフトが発生してしまっていました。 参考： img要素のサイズ属性の記述の有無についてのTwitterのアンケート なんでいまさら？ なぜなら、2019年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたか
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
2020/07/02 リンク