HTML 属性排序

ser*_*0ne 5 html javascript css attributes coding-style

这可能是一个主观问题(我希望不是)...我使用 Visual Studio 开发网页设计和应用程序,通常使用 Bootstrap。当我将 CSS 文件拖放到 HTML 文档中时,Visual Studio 会生成以下代码

<link href="styles.css" rel="stylehseet" />
Run Code Online (Sandbox Code Playgroud)

Bootstrap 模板也使用此属性排序。

就我个人而言,我更喜欢命令我的属性在前面保持固定宽度,因为一切看起来都更整洁;以我的顺序与 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>
Run Code Online (Sandbox Code Playgroud)

他们的

<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>
Run Code Online (Sandbox Code Playgroud)

link看看 my和标签中的属性如何script排列?我认为这在维护文档时看起来更加整洁,并且还使块编辑成为可能。

所以我想知道的是;这只是个人喜好还是有合理的理由将reland放在andtype之后?hrefsrc

Que*_*tin 3

来自HTML 4.01 规范

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

我在 HTML 5 规范中找不到任何内容可以如此清楚地说明这一点,但该规则并没有改变。

这只是个人喜好。