Почему div не может быть дочерним элементом label?

Question

[viktorross]

Подскажите пожалуйста в чем здесь ошибка?

<div class="lfloat half" style="line-height: 40px;">
<label for="remember" class="options_left enh_checkbox chk_container">
<input type="checkbox" name="remember" id="remember" class="inline noborder" tabindex="3"/>
<span>{$lng.remember_me_rormatted}</span>
<div class="chk_indicator"></div>
</label>
</div>

Error: Element div not allowed as child of element label in this context. (Suppressing further errors from this subtree.)

Answer 1

[Rsa97]

Потому что по стандарту label имеет модель Phrasing content, и может содержать только определённый набор тэгов (исключая вложенный label)

Answer 2

[lexchz]

label - инлайновый элемент, а div блочный. Как правило, блочные элементы внутри строчных не разрешены. Хотя есть некоторые моменты, например на div внутри ссылки валидатор не ругается.

Comments

[viktorross]

lexchz Rsa97 спасибо большое, а как тогда быть если это дизайн checkbox? ну галочка стилизованная

[lexchz]

Ну так заменить div на span, и будет ок

[Rsa97]

viktorross, Либо использовать атрибут for, не помещая ничего внутрь label.