Question

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

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

Bootstrap template也使用此属性排序。

我个人更喜欢订购我的属性以保持前面固定宽度的属性，因为一切都看起来更整洁;以我的订购为例，对比Visual Studio＆amp; 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>

了解我的link和script标记中的属性如何排列？我认为在维护文档时这看起来更整洁，并且还可以进行块编辑。

所以我想知道的是;这只是个人偏好还是有正当理由将rel和type放在href和src之后？

Answer 1

来自the HTML 4.01 specification：

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

我在HTML 5规范中找不到任何明确说明的内容，但该规则没有改变。

这只是个人偏好。

Answer 2

对于html解析器，属性的顺序无关紧要。所以这是你的偏好。但总是按字母顺序排序和显示属性。即使您在源代码中安排它们，您也会看到浏览器在开发人员视图中以字母顺序排列它们。

HTML属性排序

2 个答案: