Freshsales에서 HTML을 사용하여 이메일을 작성할 때 최상의 결과를 얻으려면, HTML 코드가 콘텐츠로 재현되도록 다음 지침을 따르세요.
Freshsales는 다음과 같은 방식으로 HTML 태그 사용을 규제합니다:
- 허용된 태그: 이러한 태그는 완전히 허용되며 Freshsales에 의해 차단되지 않습니다. 완전히 허용된 태그 목록을 보려면 아래 표를 참조하세요.
- 부분적으로 금지된 태그: 이러한 태그를 사용하면 태그가 제거됩니다. 허용된 목록에 포함되지 않은 모든 태그는 제거됩니다. 그러나 태그와 함께 사용된 콘텐츠는 유지됩니다. 그림, iframe, 비디오 태그는 부분적으로 금지됩니다.
- 완전히 금지된 태그: 이러한 태그를 사용하면 콘텐츠와 태그가 모두 완전히 제거됩니다. 제목 및 스크립트 태그는 완전히 금지된 태그입니다. 이러한 태그를 사용하면 태그와 콘텐츠가 모두 제거됩니다.
허용된 HTML 태그 | 지원되는 속성 |
a | href, target, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
지원되는 프로토콜: href' => ['ftp', 'http', 'https', 'mailto', :relative] | |
abbr | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
acronym | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
address | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
article | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
audio | dir, controls, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
b | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
bdo | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
bdi | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
blockquote | cite, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
br | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
caption | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
cite | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
지원되는 프로토콜: | |
code | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
col | dir, lang, title, style, id, align, class, rel, valign, halign, border, span, width, height |
colgroup | dir, lang, title, style, id, align, class, rel, valign, halign, border, span, width, height |
dd | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
del | cite, datetime, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
지원되는 프로토콜: | |
details | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
dfn | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
dl | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
div | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
dt | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
em | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
font | color, dir, face, lang, title, style, id, align, class, rel, valign, halign, border, width, height, size |
footer | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
figcaption | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
figure | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
h1 | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
h2 | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
h3 | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
h4 | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
h5 | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
h6 | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
header | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
hgroup | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
hr | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
i | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
img | align, alt, data-id, data-height, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height, src |
지원되는 프로토콜: | |
ins | cite, datetime, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
kbd | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
label | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
legend | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
li | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
main | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
mark | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
meter | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height, min, max, value |
nav | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
ol | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height, start, reversed, type |
p | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
pre | code-brush, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
progress | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height, min, max, value |
q | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
rp | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
rt | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
ruby | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
s | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
samp | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
section | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
summary | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
small | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
strike | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
strong | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
sub | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
sup | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
table | border, bgcolor, cellspacing, cellpadding, dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height, summary |
target | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
지원되는 프로토콜: | |
tbody | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
td | abbr, axis, bgcolor, colspan, dir, lang, title, style, id, align, class, rel, rowspan, valign, halign, border, width, height |
tfoot | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
th | abbr, axis, bgcolor, colspan, dir, lang, title, style, id, align, class, rel, valign, halign,rowspan, scope, border, rowspan, width, height |
thead | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
time | datetime, dir, lang, pubdate, title, style, id, align, class, rel, valign, halign, border, width, height |
tr | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
tt | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
u | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
ul | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height, type |
var | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
wbr | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
span | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
style | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
center | dir, lang, title, style, id, align, class, rel, valign, halign, border, width, height |
이메일 스타일링:
- 이메일에 스타일을 추가하려면 스타일 태그에 CSS를 포함할 수 있습니다. 그러나 스타일 태그는 HTML 콘텐츠의 첫 번째 태그로 추가해야 합니다. 이렇게 하면 모든 이메일 클라이언트가 스타일링을 수용할 수 있습니다.
- 더 나은 스타일 렌더링을 보장하려면 모든 태그가 스타일 속성을 수용하므로 인라인 스타일링을 사용하는 것이 좋습니다.
