Visual Studio自动关闭Legend周围的DIV

Question

所以我在整个项目中都有一些代码，

 <fieldset>
        <div  class="legendContainerInactive">
            <legend>Legend Stuff
            </legend>
        </div>
 ....
 </fieldset>

这让我的传奇顶部都漂亮而饱满 - 基本上是一个颜色条。 但是，Visual Studio 已经决定 Legends 不能包含在div 中。 这可能是某个地方的标准，但天哪，我的代码就是这样工作的，在所有浏览器上看起来都很棒。

每次我保存Visual Studio时都会添加一个结束div，所以它看起来像这样

 <fieldset>
        <div  class="legendContainerInactive">
        </div>
            <legend>Legend Stuff
            </legend>
        </div>
 ....
 </fieldset>

所以我的页面不断中断，因为额外的div VS 决定非常重要。 我已经禁用了 VS 在格式化程序中关闭div，并阻止它关闭标签。 它一直在这样做。 啊！如何让它停止？

Answer 1

这是因为<legend>不应该属于<div>标签，<legend>只能在<fieldset>下使用，而 本身就是<form>标签的子标签。

Correct Syntax-Structure to use these will be somewhat like this:

<form>
    <fieldset>
        <legend> … </legend>
    </fieldset>
</form>

所以一开始你不应该以这种方式使用它，VS 会继续纠正它，但如果你仍然想使用，比：

• 您可以在Options> Text Editor> HTML> Formatting中禁用此自动标记关闭，并取消选中Auto insert close tag框。

但是，我仍然建议按照标准约定和规则进行游戏，您永远不知道下一次浏览器更新会为您带来什么。

看：

网页图例标签

DTD（文档类型定义）

谢谢。