Olá, a versão do html que é declarada no DOCTYPE sempre vem primeiro, pois o navegador precisa saber em qual versão o arquivo foi escrito para só depois ler o mesmo, depois vem a tag html, e em seguida a tag head.
O elemento HTML <head>
providencia informações gerais (metadados) sobre o documento, incluindo seu título e links para scripts e folhas de estilos.
Olá!
Se eu não estiver equivocado, a maneira como os browsers renderizam as páginas segue o fluxo de cima para baixo, da esquerda para direita. Por isso existe uma "ordem" onde cada elemento (tags) devem ficar para que no final o documento se torne válido, semântico etc.