2011-11-27 87 views
2

這段代碼行不行,我在那裏ID密切DIV:關閉標籤中的HTML ID屬性?

<html> 
<body> 
<div id="main"> 

</div id=main"> 
</body> 
</html> 
+5

爲什麼你需要這樣做? – Purag

+0

@Purmou - 我只能假設OP想要表示哪個div被關閉,爲了可讀性目的。 – Polynomial

回答

11

號的id屬性只應在開放標籤。

如果你這樣做是爲了便於閱讀,您可能需要使用HTML註釋和tabified來源:

<html> 
    <body> 
     <div id="main"> 

     </div> 
     <!-- close main div --> 
    </body> 
</html> 
+3

+1,但是整個事實很可怕:不僅是'id'屬性。 –

+2

@ MichaelKrelin-hacker - 確實如此。結束標籤中不應有任何屬性。 – Polynomial

2

這是所有標記語言,我知道無效的語法。
關閉標籤不能有屬性。

4

這是無效:validator將輸出

行x,y列:結束標記過的屬性。

如果你想這樣做是爲了避免多個結束標籤混亂,只使用一個評論,以澄清其標籤屬於哪個元素:

</div> <!-- #main --> 
1

不,這是無效的。但是如果你的可讀性好,你可以做這樣的事情。

<html> 
    <head> 
     <title></title> 
    </head> 
    <body> 
     <div id="main"> 

     </div><!-- end of main --> 
    </body> 
</html> 
0

最近有在舊的代碼進行維護,我發現,在div標籤結束使用註釋實在讓人難以註釋掉的代碼感謝大段到HTML沒有嵌套的註釋標記。所以,我習慣於在大塊div的末尾修改註釋成隱藏的跨度。

<div class="modal fade" id="dialog_edit_group"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      ...HTML content here... 
     </div><span title=".modal-content" HIDDEN></span> 
    </div><span title=".modal-dialog" HIDDEN></span> 
</div><span title=".modal #dialog_edit_group" HIDDEN></span> 
<!-- 
<div class="modal fade" id="dialog_edit_group_OLD"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      ...HTML content here... 
     </div><span title=".modal-content" HIDDEN></span> 
    </div><span title=".modal-dialog" HIDDEN></span> 
</div><span title=".modal #dialog_edit_group_OLD" HIDDEN></span> 
--> 

我把「隱藏」屬性,HTML5在那裏,所以如果其他人修改它,因爲某些原因添加文本,內容通常會留下隱患。我做到了這一切,讓它更加突出,好像要喊出「評論這裏!」一樣。是的,它確實創建了一個DOM元素,現在必須由瀏覽器維護,但是在大量活躍的網站開發過程中需要支付一小筆費用。

使用「end div comments」符合HTML標準,使我具有更好的可讀性,並允許使用HTML註釋標記禁用大塊頁面以幫助開發。也許這對其他人也是有用的。