HTML 템플릿의 코드 허용 목록

보안 및 호환성을 위해 HTML 보고서 템플릿은 저장할 때 필요에 따라 자동으로 정리됩니다. 템플릿에 허용되지 않는 태그가 포함되어 있는 경우 알림이 표시되고 자동 제거를 허용할지 아니면 수동으로 제거할지 선택할 수 있습니다.

이 페이지에 나열되지 않은 콘텐츠가 포함되어 있는 경우 HTML 템플릿을 저장할 수 없습니다. 템플릿에 금지된 콘텐츠가 있는 경우 저장하기 전에 자동으로 또는 수동으로 비준수 코드를 제거하여 콘텐츠를 정리해야 합니다.

기본적으로 허용되는 태그

a, abbr, acronym, address, area, article, aside, b, bdi, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dir, div, dl, dt, em, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, img, input, ins, kbd, keygen, label, legend, li, main, 맵, mark, menu, menuitem, meter, nav, ol, optgroup, option, output, p, pre, progress, q, rp, rt, ruby, s, samp, 섹션, select, small, span, strike, strong, style, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, tt, u, ul, var, wbr.

기본적으로 허용되는 특성

abbr, accept-charset, accept, accesskey, action, align, alt, autocomplete, autosave, axis, bgcolor, border, cellpadding, cellspacing, challenge, char, charoff, charset, checked, cite, class, 선택 해제, color, cols, colspan, compact, contenteditable, coords, datetime, dir, disabled, draggable, dropzone, enctype, for, frame, headers, height, high, href, hreflang, hspace, ismap, keytype, label, lang, list, longdesc, low, max, maxlength, media, method, min, multiple, name, nohref, noshade, novalidate, nowrap, open, optimum, pattern, placeholder, prompt, pubdate, radiogroup, readonly, rel, required, rev, reversed, rows, rowspan, rules, scope, selected, shape, size, span, spellcheck, src, start, step, style, summary, tabindex, target, title, type, use맵, valign, value, vspace, width, wrap.

기본적으로 허용되는 CSS 속성

align-content, align-items, align-self, all, animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, backface-visibility, background, background-attachment, background-blend-mode, background-clip, background-color, background-image, background-origin, background-position, background-position-x, background-position-y, background-repeat, background-repeat-x, background-repeat-y, background-size, border, border-bottom, border-bottom-color, border-bottom-left-radius, border-bottom-right-radius, border-bottom-style, border-bottom-width, border-collapse, border-color, border-image, border-image-outset, border-image-repeat, border-image-slice, border-image-source, border-image-width, border-left, border-left-color, border-left-style, border-left-width, border-radius, border-right, border-right-color, border-right-style, border-right-width, border-spacing, border-style, border-top, border-top-color, border-top-left-radius, border-top-right-radius, border-top-style, border-top-width, border-width, bottom, box-decoration-break, box-shadow, box-sizing, break-after, break-before, break-inside, caption-side, caret-color, 선택 해제, clip, color, column-count, column-fill, column-gap, column-rule, column-rule-color, column-rule-style, column-rule-width, column-span, column-width, columns, content, counter-increment, counter-reset, cursor, direction, display, empty-cells, filter, flex, flex-basis, flex-direction, flex-flow, flex-grow, flex-shrink, flex-wrap, float, font, font-family, font-기능-settings, font-kerning, font-language-override, font-size, font-size-adjust, font-stretch, font-style, font-synthesis, font-variant, font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-ligatures, font-variant-numeric, font-variant-position, font-weight, gap, 그리드, 그리드-area, 그리드-auto-columns, 그리드-auto-flow, 그리드-auto-rows, 그리드-column, 그리드-column-end, 그리드-column-gap, 그리드-column-start, 그리드-gap, 그리드-row, 그리드-row-end, 그리드-row-gap, 그리드-row-start, 그리드-template, 그리드-template-areas, 그리드-template-columns, 그리드-template-rows, hanging-punctuation, height, hyphens, image-rendering, isolation, justify-content, left, letter-spacing, line-break, line-height, list-style, list-style-image, list-style-position, list-style-type, margin, margin-bottom, margin-left, margin-right, margin-top, mask, mask-clip, mask-composite, mask-image, mask-mode, mask-origin, mask-position, mask-repeat, mask-size, mask-type, max-height, max-width, min-height, min-width, mix-blend-mode, object-fit, object-position, opacity, order, orphans, outline, outline-color, outline-offset, outline-style, outline-width, overflow, overflow-wrap, overflow-x, overflow-y, padding, padding-bottom, padding-left, padding-right, padding-top, 페이지-break-after, 페이지-break-before, 페이지-break-inside, perspective, perspective-origin, pointer-events, position, quotes, resize, right, row-gap, scroll-behavior, tab-size, table-레이아웃, text-align, text-align-last, text-combine-upright, text-decoration, text-decoration-color, text-decoration-line, text-decoration-skip, text-decoration-style, text-indent, text-justify, text-orientation, text-overflow, text-shadow, text-transform, text-underline-position, top, transform, transform-origin, transform-style, transition, transition-delay, transition-duration, transition-property, transition-timing-function, unicode-bidi, user-select, vertical-align, visibility, white-space, widows, width, word-break, word-spacing, word-wrap, writing-mode, z-index.

기본적으로 CSS at 규칙이 허용됨

네임스페이스, style.

기본적으로 허용되는 URI 체계

data, http, https, mailto.

URI를 포함하는 기본 특성

action, background, dynsrc, href, lowsrc, src.

HTML 및 CSS 주석

개발자의 편의를 위해 HTML 템플릿에서 HTML개의 주석이 허용됩니다. 하지만 생성된 HTML 보고서에서는 제거됩니다.

CSS 주석은 HTML 템플릿과 생성된 HTML 보고서 모두에서 제거됩니다.

건전성 예

다음 HTML 코드는 script 요소를 포함하고 있으므로 정리가 필요합니다. script 태그는 기본적으로 허용되는 태그에 포함되지 않습니다.

<html><head>
  <style>h2 { color: red }</style>
  <script>Window.alert('Hi!')</script>
  <title>Sanitization example</title>
  </head>
  <body>
    <h2>This is your chart</h2>
    
</body></html>

이 코드를 추가하고 템플릿을 저장하려고 하면 다음 중 하나를 수행하라는 메시지가 표시됩니다.

• 저장을 클릭하여 코드의 자동 정리를 허용합니다.

• 닫고 편집 계속을 클릭하여 편집기로 돌아가서 코드를 직접 편집합니다.

자동 정리를 사용하면 템플릿의 결과 코드는 다음과 같습니다.

<html><head>
  <style>h2 { color: #FF0000 }</style>
  
  <title>Sanitization example</title>
  </head>
  <body>
    <h2>This is your chart</h2>
    
</body></html>