Você pode usar HTML no site ArcGIS Online quando um editor de texto estiver incluído, como páginas de itens, descrições de grupos, pop-ups de mapas e aplicativos configuráveis.
Tags e atributos da HTML
Abaixo está uma tabela de tags de HTML e atributos suportados que você pode utilizar.
| Tag | Atributo |
|---|---|
a | href, style |
abbr | title |
article | style |
aside | style |
audio | autoplay, controls, loop, muted, preload |
b, strong, i, em, u, ul, ol, li, tbody, br, hr | |
blockquote | style |
code | style |
dd, dl, dt | style |
del | style |
details | style, open |
div | style, align, aria-label, aria-hidden |
figcaption | style |
figure | style |
font | size, color, style |
footer | style |
h1, h2, h3, h4, h5, h6 | style |
header | style |
img | src, width, height, border, alt, style |
main | style |
mark | style |
nav | style |
p | style |
pre | style |
section | style |
source | media, src, type |
span | style, aria-label, aria-hidden |
sub | style |
summary | style |
sup | style |
table | width, height, cellpadding, cellspacing, border, style |
| td, th | height, width, valign, align, colspan, rowspan, nowrap, style |
time | style |
tr | height, valign, align, style |
video | autoplay, controls, height, loop, muted, poster, preload, width |
Considerações da HTML
Tenha em mente o seguinte:
- As tags da HTML que não estão listadas na tabela acima não são suportadas e serão filtradas.
- Os protocolos permitidos para href e src são https, tel e mailto.
- As tags são automaticamente fechadas caso não fechadas.
- <>&"ssão saídas de tags legais se não forem saídas utilizando <>&".
- Links de UNC não são suportados.
- Quando uma tag a é utilizada, a URL de destino href sempre abre em uma nova guia do navegador.
Propriedades CSS
Abaixo está uma tabela das propriedades CSS suportadas.
Anotação:
O ArcGIS Online suporta somente CSS embutido. O CSS deve ser definido dentro do atributo de estilo.
| Propriedades CSS | ||
|---|---|---|
align-items | break-inside | justify-content |
align-self | clear | justify-items |
background | color | justify-self |
background-attachment | color-interpolation-filters | letter-spacing |
| background-clip | display | lighting-color |
background-color | display-inside | line-height |
background-image | display-list | list-style |
background-origin | display-outside | list-style-image |
background-position | flex | list-style-position |
background-repeat | flex-basis | list-style-type |
background-size | flex-direction | margin |
border | flex-flow | margin-bottom |
border-bottom | flex-grow | margin-left |
border-bottom-color | flex-shrink | margin-right |
border-bottom-left-radius | flex-wrap | margin-top |
border-bottom-right-radius | float | max-height |
border-bottom-style | font | max-width |
border-bottom-width | font-family | min-height |
border-collapse | font-feature-settings | min-width |
border-color | font-kerning | overflow |
border-image | font-language-override | padding |
border-image-outset | font-size | padding-bottom |
border-image-repeat | font-size-adjust | padding-left |
border-image-slice | font-stretch | padding-right |
border-image-source | font-style | padding-top |
border-image-width | font-synthesis | text-align |
border-left | font-variant | text-align-last |
border-left-color | font-variant-alternates | text-combine-upright |
border-left-style | font-variant-caps | text-decoration |
border-left-width | font-variant-east-asian | text-decoration-color |
border-radius | font-variant-ligatures | text-decoration-line |
border-right | font-variant-numeric | text-decoration-skip |
border-right-color | font-variant-position | text-decoration-style |
border-right-style | font-weight | text-emphasis |
border-right-width | gap | text-emphasis-color |
border-spacing | grid | text-emphasis-position |
border-style | grid-area | text-emphasis-style |
border-top | grid-auto-columns | text-height |
border-top-color | grid-auto-flow | text-indent |
border-top-left-radius | grid-auto-rows | text-justify |
border-top-right-radius | grid-column | text-orientation |
border-top-style | grid-column-end | text-overflow |
border-top-width | grid-column-start | text-shadow |
border-width | grid-row | text-space-collapse |
box-decoration-break | grid-row-end | text-transform |
box-shadow | grid-row-start | text-underline-position |
box-sizing | grid-template | text-wrap |
box-snap | grid-template-areas | width |
box-suppress | grid-template-columns | word-break |
break-after | grid-template-rows | word-spacing |
break-before | height | word-wrap |