img src タグの属性について

Question

お世話になります。
画像表示のhtmlタグ img scr の属性について質問です。
楽天市場やYahooショッピングで、
元のサイズで表示したい場合は、
widthとheightを省略して「 =""」にしても問題ないのでしょうか。
↓↓↓


また、スマートフォンの場合は、
上記のコーディングで width="100%"と同じ扱いになりますか？

Accepted Answer

ECマスターズの田中です。

「 =""」は、width・heightの省略形ではなく、
楽天市場のバグを利用するための記述です。
Yahoo!など、楽天市場以外のモールでは
純粋なHTMLの文法違いとなります。

おそらく、スマートフォン用商品説明文における
画像枚数制限（１０枚）を避けるために
ご記載されているのではないかと思いますが、

４月８日より、
同制限が、１０枚→２０枚に緩和されております。
https://mainmenu.rms.rakuten.co.jp/?act=supportnews&news_id=7050

また、８月に予定されている入力エラーチェックの強化により、
今後使えなくなる可能性がございますので、
２０枚で間に合うようでしたら、「 =""」の記述を削除していただきますよう
お願いします。
https://club.ec-masters.net/index.php?ecm-errcheck


width・heightの省略につきましては、
極力避けていただきたくはございますが、
たとえば、表示横幅が固定されているPC用ページなど、
元サイズで表示されることが確定している箇所でしたら、
省略していただいても、特に大きな問題はございません。


> スマートフォンの場合は、
> 上記のコーディングで width="100%"と同じ扱いになりますか？

同じ扱いにはなりませんので、
「width="100%"」をご記載願います。

正確には、
楽天のスマートフォン用ページなどの場合、
「説明文内の画像は最大横幅100%とする」
という指定が、スタイルシートで記載されているため
同じ扱いをされているように見えるのですが、

楽天市場アプリ内の商品詳細画面など、
スタイルシートによる指定がない場合、
原寸大で表示しようとした結果、
大きい画像ですと、画面からはみ出る形で表示されてしまいます。

Answer

ECマスターズの海老塚です。

img src タグの属性について、
内容を確認の上、週明けに改めて担当よりご案内いたしますので、
今しばらくお待ちいただきますようお願いします。

Answer

詳細なお返事をいただき、ありがとうございます。
スマートフォン用説明文で、
以下のような外部ファイルのcssを読み込むこともできなくなりますか。
これもバグ利用しているのですが、NGですね。

Answer

ECマスターズの田中です。

> スマートフォン用説明文で、
> 以下のような外部ファイルのcssを読み込むこともできなくなりますか。
> これもバグ利用しているのですが、NGですね。

あくまでも、正確な仕様はリリースされ次第となりますが、
本来禁止されているタグを利用する行為は
まさに入力エラーチェック強化の目的となっておりますので、
NGになると捉えていただいて結構です。