Resposta curta
É um bug, mas não da forma que imaginamos. De qualquer forma, pelo que vi, ainda não foi resolvido.
Resposta longa
Eu reportei este problema no Meta Stack Exchange, e após respostas e comentários, descobri que é um bug, só que o problema não é a formatação em si.
Mas para entender melhor, precisamos relembrar como é feito o syntax highlight nos blocos de código. Você pode usar o triplo backtick (ou code fence), com ou sem o language hint:
```
Bloco de código sem language hint
```
```java
Bloco de código com language hint (no caso, "java")
```
Quando usamos um bloco de código sem language hint, o site usa as tags da pergunta para saber qual linguagem está sendo usada. No caso, há muitas tags que estão associadas a uma linguagem (a lista completa está aqui, na seção "Language codes currently available on Stack Exchange"), e só de colocar uma delas na pergunta, você já está dando a dica para o highlighter.
Quando a pergunta tem apenas uma tag de linguagem, todos os blocos de código sem language hint usarão o syntax highlight da linguagem correspondente à tag. Se algum bloco de código tiver um language hint válido (que pode ser diferente da linguagem correspondente à tag), aí a linguagem do hint é usada naquele bloco.
Lembrando que o hint pode ser tanto o nome da tag - desde que seja uma tag de linguagem - ou um dos códigos válidos indicados no link acima. Por exemplo, para JavaScript, você pode colocar javascript
ou js
(as tags de linguagem), ou um dos hints da lista (lang-js
, lang-javascript
, lang-jsx
, lang-mjs
e lang-cjs
).
Mas quando há mais de uma tag de linguagem na pergunta e o bloco de código não tem language hint (ou tem um que é inválido), então o highlighter do site simplesmente tenta adivinhar qual é (provavelmente analisando o código), e pelo visto ele nem sempre acerta, e muitas vezes acaba usando um highlight de uma linguagem completamente nada a ver com as tags da pergunta. Esse é o bug, tanto que já foi sugerido usar somente as tags da pergunta como opções para o algoritmo de auto-detecção, em vez de deixá-lo usar uma linguagem completamente não-relacionada (ver aqui e aqui para mais detalhes).
Sobre o caso específico
No caso da pergunta em questão, aconteceu isso: ela tem duas tags de linguagem (html e css), e o trecho de código em questão tinha a language hint text
(antes de ser corrigido), que não está na lista já mencionada (se fosse lang-text
, por exemplo - ou qualquer outro válido - o problema não ocorreria).
Ou seja, como há mais de uma tag de linguagem e o language hint é inválido, então o highlighter tentou adivinhar, e no caso, ele concluiu que a "linguagem" usada naquele bloco é... Markdown!
É isso mesmo (eu confesso que fiquei surpreso, pois nunca tinha usado Markdown como "linguagem" em blocos de código). Então esse highlight é válido sim. Por exemplo, este bloco de código:
```lang-md
Título
---
texto normal, *itálico*, **negrito**, `código inline`, [link](http://www.google.com)
# Título
> quote
```
Repare que usei o language hint lang-md
, que está na já citada lista de linguagens válidas (e que corresponde à linguagem Markdown). O bloco acima é renderizado assim:
Só testei no preview, não salvei para não poluir o site.
Provavelmente foi o texto seguido de uma linha com hífens que fez com que o bloco fosse detectado como Markdown, e no caso, estas linhas foram reconhecidas como um título (repare na imagem acima que o highlight não é igual à renderização do Markdown feita nos posts).
Sendo assim, o bug não é que os blocos de código estejam sendo formatados como se fossem texto "normal" (como se estivessem no corpo da pergunta). O problema é que o highlighter está detectando a linguagem errada, quando há mais de uma tag de linguagem na pergunta. Neste caso só foi mais perceptível porque a linguagem detectada foi Markdown, e o syntax highlight dela acaba mudando também o tamanho da fonte, deixando mais evidente o problema (e isso já acontece há um tempo, mas quando a linguagem detectada é diferente do esperado, geralmente só muda algumas palavras-chave que não são coloridas corretamente, então fica mais difícil perceber).
No caso da pergunta em questão, já foi resolvido: bastou mudar o language hint para um válido (no caso, foi lang-none
, indicando para não fazer nenhum highlight).
Então o jeito - enquanto não arrumam o bug de auto-detecção - é sempre lembrar de colocar o language hint nos blocos de código quando tiver mais de uma tag de linguagem na pergunta.
text
, que pelo que vi é inválido. Mas se colocar uma linguagem válida, o problema não ocorre (atualizei a pergunta no meta.SE com isso)text
lá. Curiosamente,lang-text
previne o syntax highlighting padrão, mas somentetext
não. De todo modo, editei lá, adicionandolang-none
e o "problema" já não é mais visível. Se é esperado ou não, não sei dizer. Mas pelos comentários do Metão, parece ser um comportamento esperado mesmo.