¿Cuáles son las mejores prácticas para ordenar elementos en <head>?

¿Se puede usar cualquier cosa en cualquier orden? hace la colocación de<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> es importante antes<title>

Esto es lo más usado, ¿es la mejor manera?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Title Goes Here</title>
    <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912">
    <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico">
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {

        $("#wmd-input").focus();
        $("#title").focus();
        $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); });

    });        
</script>


</head>

<body>
<p>This is my web page</p>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools.js"></script>
</body>

</html>

este sitiohttp://stackoverflow.com no tiene ninguna codificación y<meta>

Yo uso un CMS que tiene un componente SEO que agrega cada<meta> para SEO después de todo js y css. archivos. Puede colocar cualquier elemento en cualquier orden que esté permitido en<head> ¿Afecta la compatibilidad y codificación de documentos?

Respuestas a la pregunta(7)

Su respuesta a la pregunta