# 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、map、mark、menu、menuitem、meter、nav、ol、optgroup、option、output、p、pre、progress、q、rp、rt、ruby、s、samp、section、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、clear、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、usemap、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、clear、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-feature-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、grid、grid-area、grid-auto-columns、grid-auto-flow、grid-auto-rows、grid-column、grid-column-end、grid-column-gap、grid-column-start、grid-gap、grid-row、grid-row-end、grid-row-gap、grid-row-start、grid-template、grid-template-areas、grid-template-columns、grid-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、page-break-after、page-break-before、page-break-inside、perspective、perspective-origin、pointer-events、position、quotes、resize、right、row-gap、scroll-behavior、tab-size、table-layout、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-rules

namespace、style。

## 既定で許可されている URI スキーム

data、http、https、mailto。

## URI を含む既定の属性

action、background、dynsrc、href、lowsrc、src。

## HTML および CSS コメント

開発者の利便性のため、HTML テンプレートでは HTML コメントが許可されます。ただし、生成された HTML レポートでは削除されます。

CSS コメントは、HTML テンプレートと生成された HTML レポートの両方で削除されます。

## サニタイズの例

次の HTML コードには `script` 要素が含まれているため、サニタイズが必要です。`script` タグは [既定で許可されているタグ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-allowed-code.htm#Tags) には含まれていません。

```
<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>
```

このコードを追加してテンプレートを保存しようとすると、次のいずれかを実行するように求められます。

* [Save anyway] (保存を続行) をクリックして、コードの自動サニタイズを許可します。

* [閉じて編集を続行] をクリックしてエディターに戻り、自分でコードを修正します。

自動サニタイズを使用すると、テンプレートの結果のコードは次のようになります。

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