標的型攻撃メール訓練の訓練メール・ネタバラシページの作成において、HTMLコードで直接編集できるようになりました。
この記事では、HTMLエディターで使用可能なタグ・属性・インラインスタイル、使用できないタグ（保存時に自動削除）、画像の制限、必須プレースホルダー、およびエディター切替時の注意点について説明します。
使用可能なHTMLタグ
以下のタグはHTMLエディタで使用できます。
| カテゴリ | タグ |
|---|---|
| 見出し |
<h1> <h2> <h3> <h4> <h5> <h6>
|
| テキスト装飾 |
<strong> <b> <em> <i> <u> <s> <sub> <sup> <border-radius>
|
| 段落・ブロック |
<p> <div> <span> <blockquote> <pre> <center>
|
| リスト |
<ul> <ol> <li>
|
| テーブル |
<table> <thead> <tbody> <tfoot>
|
| リンク・画像 |
<a> <img> <figure> <figcaption>
|
| その他 | <hr> |
使用できないHTMLタグ（自動削除）
セキュリティ上の理由により、以下のタグは使用できません。該当するタグが含まれている場合、画面上にエラーが表示され、削除するまで保存できません。
| カテゴリ | タグ | 理由 |
|---|---|---|
| スクリプト | <script> |
XSS（クロスサイトスクリプティング）攻撃防止 |
| スタイルシート | <style> |
不正なCSS注入防止 ※<style> は使えないが、style属性は使用可能 |
| 埋め込み |
<iframe> <object> <embed>
|
外部コンテンツの不正読み込み防止 |
| フォーム要素 |
<form> <button> <input><select> <textarea>
|
フィッシング攻撃防止 |
| メディア |
<video> <audio>
|
メールクライアントでの互換性なし |
使用可能な属性
| タグ | 使用可能な属性 |
|---|---|
<a> |
href, target, rel, title
|
<img> |
src, alt, title, width, height, style
|
<table> |
border, cellpadding, cellspacing, style, width
|
| ` | `` |
<col> |
style, span, width
|
| テキスト・ブロック要素 |
style, class
|
使用可能なインラインスタイル
style 属性内で使用できるCSSプロパティは以下の通りです。
color, background-color, text-align, text-decoration, font-size, font-family, font-weight, font-style, margin（各方向含む）, padding（各方向含む）, width, height, border, line-height, list-style-type, list-style-position
画像の制限
※ HTMLエディターでは、<img src="..."> の src に画像URLを直接貼り付けて指定できます（リッチテキストエディターのように画像をアップロードして挿入する方式ではありません）。
| 項目 | 制限 |
|---|---|
| 最大枚数 | 5枚 まで |
| 最大サイズ | 各画像 3MB まで |
| HTMLエディター対応形式 | |
画像挿入方法: Web上の画像URLをコピーし、<img src="..."> としてHTMLコンテンツに直接貼り付け |
PNG, JPEG, GIF
|
| リッチテキストエディター対応形式 | |
| 画像挿入方法: エディター上のUIボタンから画像ファイルをアップロードして挿入 |
PNG, JPEG, GIF
|
※ 制限を超えた場合、画面上にエラーが表示されます。
必須プレースホルダー
訓練メール・テンプレートの種類によって、以下のプレースホルダーを必ず含める必要があります。含まれていない場合、保存時にエラーが表示されます。
※ ネタバラシページの編集ではプレースホルダーは必須ではありません。
| 訓練種類 | プレースホルダー | 使用例 |
|---|---|---|
| リンク型 | ${TransitionUrl} |
<a href="${TransitionUrl}">こちら</a> |
| フィッシング型 | ${PhishingSiteUrl} |
<a href="${PhishingSiteUrl}">ログイン</a> |
| 添付ファイル（ZIP） | ${ZipPassword} |
パスワード: ${ZipPassword}
|
メール形式とエディタモード
| メール形式 | 利用可能なエディター |
|---|---|
| テキスト | リッチテキストエディターのみ（HTMLモード切替不可） |
| HTML | リッチテキストエディター ? HTMLエディタ切替可能 |
HTMLエディター → リッチテキストエディター切替時の注意
リッチテキストエディターでは使用可能なタグが限定されるため、以下のタグは切替時に自動的に削除されます。
| カテゴリ | 削除されるタグ |
|---|---|
| テーブル関連 |
<table> <thead> <tbody> <tfoot> ` |
| ブロック要素 |
<blockquote> <pre> <center>
|
| 図版要素 |
<figure> <figcaption>
|
※ 削除対象のタグがある場合、HTMLエディターの画面上でアラートが表示されます。
注意事項
- HTMLメールの表示はメールクライアント（Gmail、Outlook、Yahoo!メール等）によって異なる場合があります。配信前にテスト送信で表示を確認することをお勧めします。
- 上記リストに含まれないタグ・属性は、保存時にサニタイズ処理で自動的に除去されます。
- HTMLの書き方に関するご質問、ならびにHTMLの作成代行については、カスタマーサポートでは対応いたしかねます。あらかじめご了承ください。
Tips: AIサービスを利用したHTMLコンテンツ作成
- AI生成サービスをご利用可能な場合は、HTMLコンテンツをAIサービスに作成してもらうことで、作成工数を大幅に削減することが可能です。
- その際、本サポートページのURLをAI生成サービスに渡し、事前に読み込ませておくことで、本ページで解説した制限のあるタグなどを考慮した上で作成することができます。
- このような手順を踏むことで、エラーを発生させることなく、HTML形式のメール本文・ネタバラシページコンテンツを生成できます。ご活用ください。