1 min de leitura ·

Uso de TAGs inexistentes no HTML

Você sabia que há como usar tags que ainda não existem no HTML? Pois é, algum tempo atrás precisei colocar estilo direto no código da página, sem chamar um link da folha de estilo, mas eu não queria mais nada além de aumentar o tamanho da fonte de meu texto sem precisar utilizar algum dos elementos disponívei da família h1, h2, etc,...
Então tive a insana ideia de usar no código uma tag inexistente. A tag <.k><./k>, por exemplo não existe ainda, por isso ele não carrega qualquer efeito de alteração para o código html. Usei e consegui alterar o tamanho da fonte de boa, mas pode testar no html em páginas com extensão ".php" que também funciona. O esboço do trecho do código segue abaixo:

<.!DOCTYPE html>
<.html>
<.head>
<.meta charset="utf-8">
<.meta name="viewport" content="width=device-width, initial-scale=1">
<.title>Uso de TAGs inexistentes em HTML<./title>
<.style type="text/css">Alterando tamanho de fonte com tag inexistente em HTML<./style>
<./head>
<.body>
<.k style="font-size: 20px;">Tamanho de texto<./k>
<./body>
<./html>

wolfulus

2 anos atrás

Você pode usar? Pode, mas não quer dizer que você deva. As tags vem de uma especificação que todos os navegadores seguem (ou pelomenos deveriam seguir), e é feita para garantir a consistência entre as várias engines de renderização que existem por aí.

A partir do momento que você utiliza uma tag que não existe, você tá dando um tiro no escuro pois o comportamento é "desconhecido", já que diferentes navegadores/engines podem apresentar seu conteúdo (ou talvez até sumir com ele) de diferentes maneiras.

E por falar em padrões, se realmente quiser usar tags extras, já existe maneiras de você literalmente criar a <sua-propria-tag /> dentro da página usando "custom elements". Sintáticamente é bem parecido com React antes dos functional components.

Ref: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements

enzogfdd

2 anos atrás

Muito interessante essa questão dos elementos customizáveis, ainda não tinha ouvido falar sobre criar elementos prórprios sem o uso de React. Mas a verdade é que, sinceramente, não acho que seja nescessário pra um caso tão simples quanto uma pequena estilização diferente que precisava ser feita no próprio arquivo html.

E não, não acho que deveriam ser utilizadas tags inexistentes, mas simplesmente por um id ou classe no elemento. Acho que seria o caminho mais rápido pra solucionar o problema proposto.

DomGabriel

Autor

2 anos atrás

Parabenizo você pelo caminho proposto, devo inclusive utilizá-lo num futuro breve. Mas a argumentação de que algumas engines podem apresentar resultados inesperados não poderia proceder, pois uma vez que a W3C não tenha determinado um pattern essa suposta tag deve conter resultado totalmente nulo, do contrário haveria falha na própria engine que apresentasse o resultado inesperado.

wolfulus

2 anos atrás

Quando eu digo resultado inesperado, é que a partir do momento que não tem nada definido na especificação, "qualquer coisa pode acontecer". Nada te garante como o renderizador vai por algo na tela. Se as coisas já aparecem de jeito diferente até com especificação, imagina sem 🤪

DomGabriel

Autor

2 anos atrás

Sim, concordo. A minha dica foi apenas para ilustrar uma das centenas de soluções possíveis, mas é claro que eu não usaria uma solução não convencional tendo uma padrão a disposição.

wolfulus

2 anos atrás

Obs: quanto à extensão do arquivo, o que importa mesmo é como o navegador está interpretando o conteúdo. Se o navegador conseguir inferir (caso abra localmente) ou o servidor responder que o content-type é um text/html, o endereço pode terminar até com .png que o navegador vai renderizar como uma página normalmente.