Тег <label>

[Kray Storm]

Здравствуйте.

Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи )

Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... ))

В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел

Итак, вкратце.

Вариант раз:

<input type="checkbox" id="01"><label for="01">Кликни текст</label>

Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столько же id и for - не лучшее развлечение. Когда есть...

Вариант два:

<label><input type="checkbox">input, обернутый в label</label>

Но, опять же, есть мнения, что так делают только предатели Родины те, кто ничего не смыслит в семантике, ибо помещать объект внутрь описания этого объекта - это верх логического извращения (однако же на коробке пишут, что в коробке? Так почему бы... )) ).

Ну и, конечно же, в IE свои правила на этот счет.

Так вот. Как же делают на практике и череват ли любой из вариантов чем-то вообще?

^{P.S.: Извиняйте за тупой вопрос, но другие пока генерировать не в силах.}

[Viper]

Ну и, конечно же, в IE свои правила на этот счет.

Вы про IE6? Вы его еще поддерживаете?)

Так вот. Как же делают на практике и череват ли любой из вариантов чем-то вообще?

Не считаю, что какой-то из вариантов - не правильный, ИМХО. Применение зависит от ситуации, необходимости. Первый вариант можно применить всегда, тогда как второй - зависит от дизайна/структуры сайта. Часто 2-й вариант попросту технически не реализуем из-за сложности дизайна или GUI.

П.С. Семантически привязать лейблу к элементу можно, при необходимости, и с помощью WAI-aria, например.

Edited November 4, 2012 by Viper