labelの中の入れ子について

Question

labelの中にdivを入れてたところ先輩にダメだと教わりました。
検索しても何が良くて何がダメなのかわかりません。
<span>は使っても平気ですか？

Answer 1

許可されている内容 記述コンテンツ、ただし、子孫に label 要素を持つことはできない。ラベル付けの対象となるコントロール以外のラベル付け可能要素を入れてはならない。

<label> - HTML: HyperText Markup Language | MDN

　

記述コンテンツ (phrasing content) は、文章とその中に含まれるマークアップを定義します。記述コンテンツの集まりで段落を構成します。

このカテゴリーに属する要素:
<abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <picture>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> および通常の文字列です (空白文字だけで構成されたものを除く)。
記述コンテンツ | コンテンツカテゴリー - 開発者ガイド | MDN

　
ということで、div は文法違反、span はオッケーです。
というか、先輩に聞いた方が速かったのでは？

Comments

[ayuayuayu]

ありがとうございます。見て勉強します。

Answer 2

実際に書いたコードをここでチェックすれば、何がダメかはわかるはず

http://www.htmllint.net/html-lint/htmllint.html#

Comments

[ayuayuayu]

ありがとうございます。参考にします。