Markdown Blocos de código

Última atualização: 2026-10-14

Blocos de código Núcleo CommonMark

Envolver o código com três acentos graves ``` e indicar o nome da linguagem cria um bloco de código delimitado com realce de sintaxe. É a sintaxe mais central da documentação técnica: todos os exemplos de código deste site usam essa forma.

GrupoBásico·Bloco
Nível de especificaçãoNúcleo CommonMark
Versão da especificaçãoCommonMark 0.31.2 + GFM

📝 Sintaxe

```js
Conteúdo do código
```

▶ Exemplo interativo

Edite o Markdown à esquerda e veja o resultado à direita

💡 Destaques

💡 Tip Indicar a linguagem é o que ativa o realce de sintaxe: js, python, css, html e outras linguagens principais são suportadas.
⚠️ Warning A sintaxe Markdown dentro do delimitador não é interpretada de forma alguma — ao mostrar código-fonte isso é uma vantagem; para exibir asteriscos, coloque o conteúdo num bloco de código.

❓ Perguntas frequentes

P E se o código contém acentos graves?
R Use mais acentos graves como delimitador externo: se o código tem 3 no interior, abra com 4 ou mais.
P Bloco indentado ou bloco delimitado, qual escolher?
R Sempre o delimitado: permite indicar a linguagem, não exige 4 espaços de indentação e se comporta de forma mais controlável dentro de listas.
P Til ~~~ também abre um delimitador?
R Sim, ``` e ~~~ são ambos delimitadores padrão; a vantagem de ~~~ é ser naturalmente imune a conflitos com acentos graves no conteúdo.

📚 Itens relacionados

Blocos de código indentadosNúcleo CommonMark Código embutidoNúcleo CommonMark
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%