Есть много людей, которые помечают закрывающие теги, как это, чтобы помочь идентифицировать закрывающий тег, который идет с тегом HTML:
<div id="header">
<div id="logo">
<a href="index.php">
<img id="logoimg" src="images/as_logo.png" alt="Logo" border="0" />
</a>
</div> <!-- logo -->
</div> <!-- header -->
Мне было интересно, если это синтаксически нормально, чтобы сделать это:
<div id="header">
<div id="logo">
<a href="index.php">
<img id="logoimg" src="images/as_logo.png" alt="Logo" border="0" />
</a>
</div id="logo">
</div id="header">
ОБНОВЛЕНИЕ: Вот текст из спецификации HTML5.3:
8.1.2.2. Конечные теги
Конечные теги должны иметь следующий формат:
- Первым символом конечного тега должен быть символ ЗНАКА МЕНЬШЕ U + 003C (<).
- Второй символ конечного тега должен быть символом SOLIDUS U + 002F (/).
- Следующие несколько символов конечного тега должны быть именем тега элементов.
- После имени тега может быть один или несколько пробелов.
- Наконец, конечные теги должны быть закрыты знаком U + 003E БОЛЬШОГО ЗНАКА (>).
8.1.2.3. Атрибуты
Атрибуты элемента выражаются внутри начального тега элемента.
Обратите внимание, что атрибуты разрешены только на символах START.
используя идею @jbyrds; Использование тега HR позволяет увидеть, если вы забыли атрибут z:
<div id="header">
<div id="logo">
<a href="index.php" id=link">
<img id="logoimg" src="images/as_logo.png" alt="Logo" border="0" />
</a><hr z="link">
</div><hr z="logo">
</div><hr z="header">
Хотя это добавляет больше текста, 32 дополнительных символа по сравнению с оригиналом или теги, имеющие скрытый класс, вы можете использовать CSS, чтобы скрыть их.
[z] {
display: none;
}