本ご案内は、弊社サービスに限らず、インターネット全般の知識となります。
詳細はWebデザイナーの方など、専門知識をお持ちの方にご依頼くださいますようお願いいたします。
ジェイシティフォームにつきましてはHTMLメールに対応しておりません。
そうでなく、ジェイシティメール等のHTMLメールにおいて現象が発生している場合、受信したHTMLメールをどのように表示するかは受信環境(お使いの機器やメールソフト)により仕様が異なります。
受信環境上では装飾が反映されておらず、Webサイト上では正常に表示される場合、
よくある原因は以下のとおりです。
- 受信環境に対応していない方式でスタイルを記述している
→ 多くの環境に適合させるには「タグ内でstyle属性として直接スタイルを記述」をお試しください。(ご参考:スタイルシートの書き方) - 受信環境に対応していないタグが利用されている
→ 他の方法をご検討ください。
なお、タグやスタイルの種類によっては、ほとんどの環境から拒否されるものもあります。
(例:動画再生タグ<video> など)
スタイルシートの書き方
【推奨】style属性方式 <h1 style="font-weight:bold;">タイトル</h1> |
style属性を使い、 本文のタグ内でstyle=""の形で記述する方式 |
【非推奨】style要素方式 <style> |
style要素を使い、 タグあるいはID名やCLASS名にスタイルを指定する方式 |
【非推奨】外部スタイルシート方式 <link rel="stylesheet" href="https://jcity.com/template.css"> |
外部スタイルシートを使い、 |
ご参考情報
「ブラウザ上でメール内容を表示するサービス(例:Gmail 等)」上では、style要素方式でタグそのものを指定していると( h1 { } や table { } など )、おおよその場合に装飾が無視されます。