Javascript HTML属性排序

这可能是一个主观问题（我希望不是）。。。我使用visualstudio和Bootstrap开发web设计和应用程序。当我将CSS文件拖放到HTML文档中时，VisualStudio生成以下代码

<link href="styles.css" rel="stylehseet" />

也使用此属性排序

就我个人而言，我更喜欢让我的属性保持固定宽度的属性在前面，因为所有东西看起来都更整洁；以我的订购与Visual Studio&Bootstrap的订购为例：

我的

<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>

他们的

<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>

查看我的

链接

和

脚本

标记中的属性如何排列？我认为这在维护文档时看起来更整洁，而且还使块编辑成为可能

所以我想知道的是；这只是个人偏好还是有正当理由将

rel

和

type

放在

href

和

src

之后

元素可能有关联的属性，称为属性，这些属性可能有值（默认情况下，或由作者或脚本设置）。属性/值对出现在元素开始标记的最后一个“>”之前。元素的开始标记中可能会出现任意数量的（合法的）属性值对，它们之间用空格分隔它们可以以任何顺序出现

我在HTML5规范中找不到任何能如此清晰地描述它的东西，但这条规则并没有改变

---

这只是个人喜好

对于html解析器，属性的顺序并不重要。所以这是你的首选。 但它们总是按字母顺序排序和显示属性。

---

即使您在源代码中排列它们，您也会看到浏览器在开发者视图中以字母顺序排列它们。

可能只是个人偏好，看起来像是“它们”按字母顺序排列。标记属性的顺序与解析器无关。所以它只是与个人偏好相关的：顺便说一句，脚本元素不需要type属性，除非您有javascript以外的东西。