HTML屬性訂購

這可能是一個主觀的問題（我希望不是）...我使用Visual Studio開發Web設計和應用程序，通常是Bootstrap。當我拖/放一個CSS文件到HTML文件時，Visual Studio生成以下代碼HTML屬性訂購

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

的Bootstrap template也使用此屬性排序。我個人更喜歡訂購我的屬性，以保持前面的固定寬度的屬性，因爲一切看起來更整齊;就拿我的訂貨VS Visual Studio中&引導的順序：

礦

<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標籤的屬性如何排隊？我認爲這在維護文檔時看起來更整齊一些，並且還可以進行塊編輯。

所以我想知道的是;這只是個人喜好，還是有理由在href和src之後加rel和type？

來源

2015-07-28 series0ne

可能只是個人喜好，看起來像「他們」按字母順序排列。 – TZHX

標籤屬性的順序與解析器無關。所以它只是個人喜好 – fcalderan

相關：https：//stackoverflow.com/questions/6126077/does-the-order-of-html-attributes-have-any-effect-on-performance – TZHX

the HTML 4.01 specification來自：

元件可以具有相關聯的屬性，稱爲屬性，其可以具有的值（默認情況下，或者通過作者或腳本中設置）。屬性/值對出現在元素的開始標記的最後一個「>」之前。任何數量的（合法）屬性值對（用空格分隔）都可能出現在元素的開始標記中。 它們可能以任何順序出現。

我無法在HTML 5規範中找到任何明確說明它的內容，但該規則沒有改變。

這只是個人偏好。

來源

2015-07-28 08:52:10 Quentin

對於html解析器，屬性順序無關緊要。所以它是你的首選。但總是按字母順序排序和顯示屬性。即使您將它們安排在您的源代碼中，您會看到瀏覽器在開發人員視圖中以字母排列顯示它們。

來源

2015-07-28 09:14:25 BMahmoudi

回答

相關問題