img src タグの属性について

Question

お世話になります。画像表示のhtmlタグ img scr の属性について質問です。楽天市場やYahooショッピングで、元のサイズで表示したい場合は、widthとheightを省略して「 =""」にしても問題ないのでしょうか。↓↓↓<img src="https://image.rakuten.co.jp/●●●.jpg" ="">また、スマートフォンの場合は、上記のコーディングで 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-errcheckwidth・heightの省略につきましては、極力避けていただきたくはございますが、たとえば、表示横幅が固定されているPC用ページなど、元サイズで表示されることが確定している箇所でしたら、省略していただいても、特に大きな問題はございません。> スマートフォンの場合は、> 上記のコーディングで width="100%"と同じ扱いになりますか？同じ扱いにはなりませんので、「width="100%"」をご記載願います。正確には、楽天のスマートフォン用ページなどの場合、「説明文内の画像は最大横幅100%とする」という指定が、スタイルシートで記載されているため同じ扱いをされているように見えるのですが、楽天市場アプリ内の商品詳細画面など、スタイルシートによる指定がない場合、原寸大で表示しようとした結果、大きい画像ですと、画面からはみ出る形で表示されてしまいます。

Answer

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

Answer

詳細なお返事をいただき、ありがとうございます。スマートフォン用説明文で、以下のような外部ファイルのcssを読み込むこともできなくなりますか。これもバグ利用しているのですが、NGですね。<link rel="stylesheet" ="" href="https://www.rakuten.ne.jp/gold/*******/sp/title-border.css">

Answer

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

img src タグの属性について

カテゴリーから探す