Visual Studio автоматически закрывает DIV вокруг Legend

Так что у меня есть немного кода в моем проекте,

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

Который позволяет мне иметь вершину моей легенды все красиво и полно - в основном полосу цвета. Тем не менее, Visual Studio решила, что легенды не могут содержаться в div. Что-то может быть стандартом где-то, но GOSH DARN IT, мой код работает так и отлично смотрится во всех браузерах.

Каждый раз, когда я сохраняю, Visual Studio добавляет закрывающий элемент div, чтобы он выглядел следующим образом

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

Так что мои страницы продолжают ломаться, потому что дополнительный div VS решил, что это СУПЕР важно. Я отключил VS для закрытия div в форматере и остановил закрытие тегов. Это продолжает делать это. ARGH! Как мне это остановить?

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,

Однако я все же буду предлагать играть по стандартным соглашениям и правилам. Вы никогда не знаете, что принесет вам следующее обновление браузера..

Увидеть:

HTML легенда

DTD (определение типа документа)

Спасибо.

Другие вопросы по тегам