タグ

ブックマーク / ayudante.jp (1)

  • HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社

    imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの? HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの? imgタグをHTMLに設置する場合、表示させる画像のパス(URI)や代替テキスト(alt属性)の設定など、意外と文字数をうタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま

    HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社
    hiroomi
    hiroomi 2016/11/10
    “文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。”
  • 1