Could there be a subjective angle to this question (or maybe not)... I work on crafting web designs and applications using Visual Studio and typically Bootstrap. When I drag and drop a CSS file into an HTML document, the code generated by Visual Studio looks like this:
<link href="styles.css" rel="stylesheet" />
The attribute order in the Bootstrap template follows a similar pattern.
Preferring to organize my attributes in a certain way for clarity, I choose to position fixed width attributes at the beginning. Let's compare my ordering with Visual Studio & Bootstrap:
Mine
<link type="text/css" rel="stylesheet" href="bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="mystyles.css" />
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="foobar.js"></script>
Theirs
<link href="bootstrap.min.css" rel="stylesheet" />
<link href="mystyles.css" rel="stylesheet" />
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="foobar.js" type="text/javascript"></script>
Notice how the attributes in my link and script tags are aligned? This cleaner layout facilitates better document maintenance and editing.
Now, the burning question is — is this simply a matter of personal preference or is there a legitimate rationale behind placing rel and type after href and src?