2011-11-27 187 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注释标记禁用大块页面以帮助开发。也许这对其他人也是有用的。