Закрывающий тег со свойством ID - PullRequest
Новая
       32

Закрывающий тег со свойством ID

12 голосов
/ 17 января 2012

Вопрос : Если я закрою html-тег таким образом (включая свойство id): 

<div id="tagid" >...more html
...
</div id="tagid" >

Повлияет ли это на страницу, не понравится ли это, или нарушит какие-либо правила W3C ... как бы это сказать ... повлияет ли это каким-либо образом?

Почему? : просто личные предпочтения.
Вместо того, чтобы писать дополнительные комментарии рядом с тегом, я просто добавляю идентификатор, чтобы помочь мне узнать, ЧТО закрыто тегом. - Тег закрывается в любом случае, так что я думаю, что он ничего не будет делать (или я так думаю)

PS. К вашему сведению, я новичок

Ответы [ 4 ]

16 голосов
/ 17 января 2012

Нет, это недопустимо.

Хотя это может не сломать ваш код, оно может!

Вам просто нужно использовать комментарии

</div> <!-- closing main content div -->

После проверки этот

<div></div id="tagid" >

разрывается в валидаторе

http://validator.w3.org/#validate_by_input

Хотя не специальноупомянутый как недопустимый, спецификация HTML упоминает только attributes как появляющийся в начальном теге:

Элементы могут иметь связанные свойства, называемые атрибутами, которые могут иметь значения (по умолчанию или устанавливаемые авторами илискрипты).Пары атрибут / значение появляются перед последним «>» начального тега элемента.В начальном теге элемента может отображаться любое количество (допустимых) пар значений атрибутов, разделенных пробелами.

http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2

2 голосов
/ 17 января 2012

вот как вы закрываете div: 

<div id="tagid" ></div>

, если вы хотите узнать, где заканчивается тег, вы можете просто добавить комментарий: 

<div id="tagid" >
   ...
</div><!-- Tagid Ends here -->
1 голос
/ 11 ноября 2014

Цитирую мой другой ответ в stackoverflow :

Недавно, выполнив обслуживание старого кода, я обнаружил, что использование комментариев в конце тега 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 "HIDDEN", ​​чтобы, если другие изменят его и по какой-то причине добавят текст, его содержимое обычно будет скрыто. Я сделал это ВСЕХ КОПИЯХ, чтобы они выделялись чуть больше, как будто бы они кричали «КОММЕНТАРИЙ ЗДЕСЬ! Да, он создает элемент DOM, который теперь должен поддерживаться браузером, но это небольшая цена, которую приходится платить во время интенсивной активной разработки веб-сайтов.

Использование «end div comments» как такового соответствует стандарту HTML, дает мне большую читабельность и позволяет использовать тег HTML-комментария для отключения больших блоков страницы, чтобы помочь в разработке. Может быть, это будет полезно и другим.

1 голос
/ 17 января 2012

В HTML / XML атрибуты могут быть помещены только в начальный тег элемента.Вы создаете недействительный HTML.

...