Hoje o normal é isso:
<!DOCTYPE html>
A exceção:
Caso você esteja utilizando um programa editor de XHTML para gerar páginas de HTML5 e caso esse programa não seja capaz de produzir o doctype curto <!DOCTYPE html>
, você poderá com o seu programa obsoleto gerar o doctype <!DOCTYPE html SYSTEM "about:legacy-compat">
e a página não será processada em quirks mode ou almost standards mode. Abaixo as explicações do porquê.
Tem muitos conceitos errados na pergunta e algumas coisas devem ser esclarecidas. Não é um ataque e desqualificação, é só uma necessidade de tornar todos esses conceitos padronizados entre todos aqueles que discutem o assunto.
...Eu li o artigo na WHATWG...
Inicialmente o que é chama de artigo na pergunta é a especificação do padrão HTML5. Atualmente duas entidades trabalham e regulam esse padrão.
- W3C e WHATWG trabalham juntos em HTML e DOM, nos repositórios WHATWG, para produzir um padrão vivo e rascunhos de recomendação/revisão instantâneos
- WHATWG mantém os Padrões Vivos HTML e DOM
- O W3C facilita o trabalho da comunidade diretamente nos repositórios do WHATWG (ligando comunidades, desenvolvendo casos de uso, arquivando problemas, escrevendo testes, mediando a resolução de problemas)
- O W3C interrompe a publicação independente de uma lista designada de especificações relacionadas a HTML e DOM e, em vez disso, trabalhará para levar os rascunhos de revisão do WHATWG às recomendações do W3C
Segundo o W3C uma recomendação é:
O W3C publica documentos que definem as tecnologias da Web. Esses documentos
seguem um processo projetado para promover consenso, equidade,
responsabilidade pública e qualidade. Ao final desse processo, o W3C
publica as Recomendações , que são consideradas padrões da Web.
Segundo o WHATWG o Padrão Vivo HTML5 é:
Os padrões WHATWG são descritos como
Padrões Vivos. Isso significa que são padrões que são atualizados
continuamente à medida que recebem feedback, seja de desenvolvedores
da Web, fornecedores de navegadores, fornecedores de ferramentas ou de
qualquer outra parte interessada. Isso também significa que novos
recursos são adicionados a eles ao longo do tempo, a uma taxa
destinada a manter o padrão um pouco à frente das implementações, mas
não tão à frente que as implementações desistam.
Apesar da manutenção contínua, ou talvez devêssemos dizer como parte da
manutenção contínua, um esforço significativo é feito para fazer o
padrão e as implementações convergirem — as partes do padrão que são
maduras e estáveis não são alteradas a torto e a direito. Manutenção
significa que os dias em que o padrão é derrubado da montanha e
permanecem bloqueados para sempre, mesmo que todos os navegadores
façam outra coisa, ou mesmo que o padrão tenha deixado algum detalhe
de fora e todos os navegadores discordem sobre como implementá-lo,
desapareceram. Em vez disso, agora nos certificamos de atualizar o
padrão para ser detalhado o suficiente para que todas as
implementações (não apenas navegadores, é claro) possam fazer a mesma
coisa. Em vez de ignorar o que os navegadores fazem, corrigimos o
padrão para corresponder ao que os navegadores fazem. Em vez de deixar
o padrão ambíguo, fixamos o padrão para definir como as coisas
funcionam.
...<!DOCTYPE html SYSTEM "about:legacy-compat">
antigo que era utilizado antes da versão curta <!DOCTYPE html>
...
O <!DOCTYPE html SYSTEM "about:legacy-compat">
nunca foi utilizado, veja a Lista de DTD Válidos e Qual é a função da meta tag "X-UA-Compatible" dentro do HTML?.
...Atualmente os navegadores com ou sem o DOCTYPE mais recente já vão saber como renderizar a página...
Segundo o glossário do MDN Web Docs:
No HTML, o doctype é a introdução <!DOCTYPE html>
encontrada no topo
de todos os documentos. Seu único propósito é evitar que o browser
mude para os chamados “quirks mode” quando renderizar um documento;
isto é, o <!DOCTYPE html>
doctype garante que o browser faça um
esforço na tentativa de seguir as especificações relevantes, em vez de
usar um modo de renderização diferente e que seja incompatível com
algumas especificações.
No final da década de 1990 as páginas de internet eram majoritariamente escritas em duas versões, uma para o Netscape Navigator e outra para o Microsoft Internet Explorer. Esse período foi conhecido como A Guerra dos Navegadores.
Quando os padrões web foram criados pelo W3C, navegadores não puderam começar a usá-los imediatamente, pois isto iria quebrar a maior parte dos sites existentes na web.
Os navegadores fazem a análise do doctype (ou "doctype sniffing") para decidir qual o engine para processar documentos HTML.
Hoje existem três modos usados pelos engines de layout nos navegadores web:
- quirks mode: o layout emula o comportamento não padrão do Netscape Navigator 4 e do Internet Explorer 5.
- almost standards mode: Firefox, Safari, Chrome, Edge, Opera (desde 7.5), IE8, IE9, IE10 e IE11 também possuem um modo conhecido como "Almost Standards Mode", que implementa o dimensionamento vertical das células da tabela tradicionalmente e não de acordo com a especificação CSS2. Mac IE 5, Windows IE 6 e 7, Opera anterior a 7.5 e Konqueror não precisavam de um almost standards mode, porque eles não implementavam o dimensionamento vertical das células da tabela de acordo com a especificação CSS2 em seus respectivos standard modes. Na verdade, seus standard mode estão mais próximos do almost standards mode do que do standard mode dos navegadores atuais.
- full standards mode: modo de padrão fornecer suporte para HTML e CSS padronizados nos principais navegadores da web atuais.
Então caso de documento HTML5 você deve iniciar todos os seus documentos HTML com <!DOCTYPE html>
como a primeira coisa na fonte para evitar quirks mode e almost standards mode.
...Onde colocar o <!DOCTYPE html SYSTEM "about:legacy-compat">
?...
Em lugar nenhum!
Se analisar a documentação:
Um DOCTYPE é um preâmbulo obrigatório.
Um DOCTYPE deve consistir nos seguintes componentes, nesta ordem:
- Uma string que é uma correspondência ASCII sem distinção entre maiúsculas e 2. minúsculas para a string " <!DOCTYPE".
- Um ou mais espaços em branco ASCII .
- Uma string que é uma correspondência ASCII sem distinção entre maiúsculas e minúsculas para a string " html".
- Opcionalmente, uma string legada DOCTYPE .
- Zero ou mais espaços em branco ASCII .
- Um caractere de sinal de maior que U+003E (>).
Para fins de geradores de HTML que não podem gerar marcação HTML com o
DOCTYPE curto <!DOCTYPE html>
, uma string legada DOCTYPE pode ser
inserida no DOCTYPE (na posição definida acima). Esta string deve
consistir em:
- Um ou mais espaços em branco ASCII .
- Uma string que é uma correspondência ASCII sem distinção entre maiúsculas e minúsculas para a string " SYSTEM".
- Um ou mais espaços em branco ASCII .
- Um caractere de aspas U+0022 ou APOSTROFO U+0027 (as aspas ).
- A string literal " about:legacy-compat".
- Um caractere correspondente U+0022 ASPAS ou U+0027 APOSTROFO (ou seja, o mesmo caractere da etapa anterior rotulada como aspas ).
- Em outras palavras, ou , sem distinção entre
maiúsculas e minúsculas, exceto para a parte entre aspas simples ou
duplas.
A string legada DOCTYPE não deve ser usada, a menos que o documento seja gerado a partir de um sistema que não pode produzir a string mais
curta.
Ou seja caso você estiver utilizando um programa editor de XHTML para gerar páginas de HTML5 e caso esse programa não seja capaz de produzir o doctype curta <!DOCTYPE html>
você poderá com o seu programa obsoleto gerar a o doctype <!DOCTYPE html SYSTEM "about:legacy-compat">
e a página não será processada em quirks mode ou almost standards mode.
about:legacy-compat
não era o antigo, o DOCTYPE é para mudar o comportamento para que se comporte como certos doctypes antigos (melhor explicado em pt.stackoverflow.com/a/209599/3635). Esse doctypeabout:legacy-compat
só deve ser usado se você necessitar do comportamento legado, se o site que estiver desenvolvendo for novo, não tem sentido usa-lo. Um dos motivos para usa-lo se eu não me engano é devido a alguns sites que usam XSLT, se não é o seu caso não use.