画像の幅と高さをハードコーディングするのがずっと前のベスト プラクティスだったことを思い出します (一般的には、読み込み中に適切な量のスペースを割り当てます)。 ? コンテンツ画像のインラインサイズをhtmlで設定することはまだ好ましいですか?
8 に答える
HTML 属性を使用してサイズを設定するか、スタイルシートでサイズを設定するかは問題ではありませんが、それでも画像のサイズを指定する必要があります。
最近では画像の読み込みが大幅に高速化されていますが、ページが表示されてから画像がポップアップ表示されるまでには、まだかなりの遅延があります。画像の読み込み中にページのレイアウトが変わると、いまだにイライラします。
はい、それでも優先されます。
高速接続を利用していない人が多く、モバイルがより一般的になりつつあります。
画像が読み込まれない場合やドキュメントの読み込み中に空白が含まれていることを確認したい場合は、「はい」と言います。ただし、これらの属性を使用して画像を拡大縮小/サイズ変更している場合は、ブラウザに不要な負荷がかかり、画像が歪むため、違います。
インラインである必要はありません。外部 CSS で実行できます。一部の古いブラウザでは、サイズを指定しないと、0px として扱われます。
ブラウザ間の互換性を考慮して設計している場合は、少なくとも、画像自体の CSS で高さと幅を指定する必要があります。画像のサイズが特に指定されていない場合、FireFox、IE、Opera などの間に矛盾があることがわかりました。バージョンが異なることは言うまでもなく、ブラウザごとに HTML 標準への準拠が異なるためです。HTML 設計者の意図を推測するために最善を尽くすブラウザもあれば、最初のエラーだけで鳴くだけのブラウザもあることがわかりました。ウェブサイトをタブレットなどのモバイル デバイスから表示する場合は、ピクセルや % ではなく、em サイズをお勧めします。私は言いますが、私は HTML5 を使い始めたばかりなので、画像に関して HTML5 の違いはわかりません。
画像ファイル自体は、特に読み込みが遅いことが懸念される場合は、ほとんどの場合、表示したいサイズにする必要があります。500X800 px の画像を 100X200 で表示したい場合は、縮小してください。ファイルサイズがはるかに小さくなるため、読み込みが速くなります:)
CSSを使用するのが常に最善です
このように画像の高さと幅をハードコーディングできます
.myimg img {
width: 10px;
height: 10px;
}