2017-03-04 1 views
2

画像を作成したとしましょう。あなたは実行します。なぜ画像サイズをHTMLコードに入れますか

<img src="_images/stackoverflow.jpg" width="300" height="300" alt="Stack Overflow"> 

はのは、それを指定するには何らかの理由がある300の幅と300の高さに、そのイメージのデフォルトを言ってみましょう、またはあなただけの、そのフィールドを空白にしておく必要がありますか?

サイド質問:altコマンドは必須ですか?

+0

副回答:いいえではありません。 – dpl47

答えて

0

HTMLタグのwidthプロパティとheightプロパティを宣言することにより、表示する画像のサイズを制御します。特に、画像サイズが大きすぎてウェブページ全体に収まるような場合は特に注意してください。あなたがやっているのはインラインスタイルです。

altはオプションのプロパティです(画像タグはaltプロパティを設定せずに動作します)。ただし、Webクローラはaltタグを使用してWebサイトの画像にインデックスを付けます。したがって、検索エンジンがあなたのウェブサイトを簡単に見つけることができるように、altプロパティは画像の内容に関連した値を持つ必要があります。

0

画像のサイズを指定する必要はありません。

画像が読み込まれている間、ページ上に多くの視覚的な変化が見られないようにする必要があります。

W3Schools

ヒントから何かをもたらす:常に高さと幅の両方がイメージの属性を指定します。高さと幅が設定されている場合は、ページの読み込み時にイメージに必要な領域が予約されます。ただし、これらの属性がないと、ブラウザはイメージのサイズを認識せず、適切なスペースを予約できません。その効果は、読み込み中にページレイアウトが変更されることになります(イメージが読み込まれる間)。

ヒント:高さと幅の大きな画像をダウンサイジングは、(それが ページ上の小さなように見えても)大きな画像をダウンロードする 力ユーザー属性。これを避けるには、画像を の前にプログラムで再スケーリングしてください。

しかし、それは

-1

W3schools必須ではありません。

常にイメージのためheightwidth属性の両方を指定します。 heightとが設定されている場合、ページの読み込み時に画像に必要な領域は になります。しかし、これらの属性がなければ、 ブラウザまたはユーザエージェントは画像のサイズを知らないため、 は適切なスペースを予約できません。その効果は、 の読み込み中にページレイアウトが変更されることになります(イメージが読み込まれる間)。


必須代替コマンドですか?

であるが、これは必須ではない。しかし、alt属性の目的が画像ファイルの内容の記述を提供するのではなくても、あなたがおそらく既に知っているように、常にそれを必ず含めるのは良いことです。

alt属性の最も引用されている用途の1つは、ブラウザで画像が見えない訪問者にテキストを提供することです。これには、画像を表示できない、画像表示が無効なブラウザ、視覚障害のある閲覧者、スクリーンリーダーを使用している閲覧者が含まれます。ユーザーが画像を見ることができる場合、ユーザーが画像の上を移動するとalt属性も表示されます。

また、altタグに関連する画像SEOについては、本当に良い投稿HEREがあります。

関連する問題