Rullst: uma página ganha vida · Lição 05 / 06

Quando texto continua texto

Uma placa do jardim recebeu o texto Lumi. Você queria mostrar a placa ou transformar esse texto em marcação? Vamos separar as duas coisas.

Vamos descobrir juntos

1
No Rullst, a macro html! permite inserir um valor de texto com {valor}. Nesse uso, caracteres especiais são escapados: < não vira o início de uma tag por acidente.
2
Se o texto for Lumi, uma inserção normal mostra esses símbolos como texto. O HTML enviado usa entidades para representar os caracteres especiais; o navegador mostra a placa legível.
3
Isso protege esse ponto de inserção; não torna qualquer aplicação automaticamente segura. Nesta trilha usamos conteúdo fixo e não precisamos inserir HTML bruto de outras pessoas.

✦

SUA MISSÃO

Reconhecer a diferença entre texto inserido na página e a marcação que define sua estrutura.

Agora é a sua vez

Oficina de descobertas

A placa do jardim

Compare o texto original com a representação que viaja dentro do HTML.

Mini experimento

Simulação didática: compare os cartões e confira suas previsões. O navegador não está compilando Rust nem iniciando um servidor.

Texto: <b>Lumi</b>
HTML: &lt;b&gt;Lumi&lt;/b&gt;

Resultado deste cenário

01O visitante deve ver Lumi ou só Lumi em negrito?02Escape nesse ponto garante a segurança de todo o site?

Monte suas respostas e confira quando estiver pronto.

Uma pausa para entender

Qual é a escolha adequada para mostrar uma mensagem de texto?

Inseri-la como texto, com escape.Tratar todo texto como HTML bruto.

Preciso de uma pista

A mensagem deve aparecer literalmente, sem ganhar o poder de mudar a estrutura HTML.

Carregando sua jornada…

Leve com você

Escreva uma mensagem fictícia que contenha < ou &. Explique a diferença entre mostrar esses símbolos e interpretá-los como marcação.

No seu ritmo

Meus arquivos e GitHub

Toda lição pode virar um registro seu: código, anotações ou um plano de prática. Guardar um arquivo no GitHub é opcional e não altera seu XP.

Manual do aluno

O editor e os downloads abrem quando esta lição estiver liberada para sua conta. Confira o acesso abaixo ou volte ao mapa da trilha.

Conferindo seu acesso à lição…

Seu caminho, passo a passo

Baixar material da atividade

Baixe o exemplo da lição e um caderno para suas anotações. O ZIP inclui um guia para organizar atividades em um ou mais repositórios. Publicar é opcional; contas elegíveis também podem usar o botão de envio ao GitHub.

Seu arquivo desta lição

Edite o exemplo ou registre o que aprendeu. Este espaço não executa código nem corrige respostas. O rascunho é salvo apenas neste navegador, separado por conta; baixar e enviar ao GitHub são ações suas.

O exemplo pode ser apenas um trecho ou roteiro. Mudar a extensão não o transforma em programa completo. O ZIP da atividade contém material inicial; o botão de arquivo editado baixa o seu texto.

Meu código ou minhas anotaçõesFormato do arquivo

Seu texto será guardado neste navegador ao editar. Em computador compartilhado, limpe os rascunhos ao terminar.

O envio direto aceita até 8 KiB de texto em um arquivo. Use o download e o guia manual para projetos com vários arquivos.