Это синтетически верно для div?

Question

<div class='clear'></div>

/*which comes out to be below one in FF (seen via firebug) */

<div class='clear'/>

/*is this the last empty div declaration is semantically valid ? */

Answer 1

В XHTML конструкция действительна (и идентично эквивалентна вашему исходному источнику), но не совместима с HTML .

HTML-совместимость не имеет значения, когда дело доходит до просмотра представления DOM, видимого браузером. Это имеет значение при написании разметки.

Кроме того, добавление пустых элементов исключительно в целях стилизации является уродливым, и его следует избегать, если это возможно. См. http://www.ejeliot.com/blog/59 для некоторых альтернативных методов для удержания поплавков.

Answer 2

Если вы спрашиваете, являются ли эти два тега эквивалентными и действительными: да, да, они есть.

См. этот вопрос для практических соображений.

Answer 3

Согласно HTML 4.01 DTD <div /> является , а не действительным.

Answer 4

Да, а почему бы и нет?

Answer 5

<div class='clear'></div>

и

<div class='clear'/>

оба одинаковы. Хотя я предпочитаю прежний, а не поздний.

Answer 6

Является ли это действительным или нет, зависит от DOCTYPE документа, который вы пишете. Я бы предложил получить окончательный ответ, попробуйте здесь:

http://validator.w3.org/

Answer 7

DIV - это контейнер уровня блока. Второй пример не может содержать ничего ... поэтому моя ставка была бы отрицательной (для типа документа HTML4)

Если вы хотите использовать фиктивный элемент для очистки - рассмотрели ли вы <br />?

Редактировать

Есть более эффективные способы очистки, чем использование контейнера уровня блока. Применение прозрачного класса к <br /> является одним из примеров, но «overflow: hidden» в родительском элементе обычно гораздо элегантнее.