Explicação por analogia
Imagine que você escreveu uma carta para o seu colega de correspondência, mas que a escreveu em diferentes idiomas a cada vez.
Por exemplo, você pode optar por escrever sua primeira carta em tâmil e a segunda em alemão, etc.
Para que seu amigo traduza essas cartas, ele precisará:
- (i) identificar o tipo de idioma, e
- (ii) e depois traduza-o de acordo. Mas identificar uma linguagem não é tão fácil - será preciso muita energia computacional. Seria muito mais fácil se você escrevesse o idioma que está enviando na parte superior da sua carta - isso tornaria a vida muito mais fácil para o seu amigo.
Portanto, para destacar o idioma em que você está escrevendo, basta anotar o idioma (por exemplo, "francês") na parte superior da sua carta.

Como seu amigo saberia ou seria capaz de ler ou distinguir entre os diferentes tipos de idiomas que você está especificando na parte superior da sua carta?
Isso é fácil: você concorda com isso de antemão.
Vinculando a analogia de volta com HTML
Como existem tipos diferentes de formatos de dados que precisam ser enviados pela Internet, especificar o tipo de dados antecipadamente permitiria ao cliente correspondente interpretar e renderizar os dados adequadamente de acordo com o usuário.
Por que temos diferentes formatos de dados?
Principalmente porque eles servem a propósitos diferentes e têm habilidades diferentes.
Por exemplo, um formato PDF é muito diferente de um formato de imagem - que também é diferente de um formato de som - serve a propósitos muito diferentes e, portanto, é escrito diferente antes de ser enviado pela Internet.