HTML, CSS e limites

Tags HTML permitidas

header, footer, nav, section, div, span, p, small, strong, em, i,
h1, h2, h3, ul, ol, li,
a, img, picture, source, button

Atributos globais: class, id, title, alt, lang, dir, aria-*, data-fz-*, data-categoria-* (só data-categoria-id/nome/superior, para navegação SPA).
Por tag: <a> → href, target, rel, type, hreflang · <img> → src, srcset, sizes, width, height, loading, decoding · <button> → type, disabled, aria-expanded, aria-controls.

<a target="_blank"> ganha rel="noopener noreferrer" automaticamente.

Proibidos: script, style, iframe, object, embed, form, input, textarea, select, svg, math, frame, frameset, noscript, meta, link, base; eventos onclick etc.; style em linha; download; protocolos javascript:, vbscript:, data: (qualquer), file:, blob:.

CSS permitido

O CSS vale somente para a área editada. Cada área tem seu invólucro:

.fz-custom-header · .fz-custom-menu-desktop · .fz-custom-submenu-desktop
.fz-custom-menu-mobile · .fz-custom-footer

Não selecione elementos globais (html, body, :root, *).

Funciona: classes/elementos do bloco, pseudo-classes (:hover, :has() etc.), seletores de atributo ([data-fz-drawer], [data-fz-action="..."]), @media (...), @supports (...), @keyframes.

Proibidos: @import, @charset, @namespace, @page, @document, @font-face; url(...); expression(), behavior, -moz-binding; javascript:; seletores que escapem do bloco.

Limites práticos

Limite	Valor
HTML por área	50 KiB (51.200 bytes)
CSS por área	50 KiB (51.200 bytes)
Itens por `@foreach`	100
Blocos aninhados	5

Erros de publicação indicam linha e coluna para correção.

Resumo do que não usar

Categoria	Proibido
Código	JavaScript próprio, PHP, `eval`
HTML	`script`, `style`, `iframe`, `form`, `input`, `svg`, `meta`, `link`
Atributos	`onclick` etc., `style`, `download`, `v-*`
Protocolos	`javascript:`, `vbscript:`, `data:` (qualquer), `file:`, `blob:`
CSS	`@import`, `url(...)`, `expression()`, seletores globais
Sintaxe	`$x`, operadores, métodos, índices

Tags HTML permitidas#

CSS permitido#

Limites práticos#

Resumo do que não usar#

Tags HTML permitidas

CSS permitido

Limites práticos

Resumo do que não usar