我可以有不同父元素的<input>和<label>嗎？

Question

例如：

<input type="checkbox" id="nav-toggle" /> 

<nav> 
    Nav stuff 
</nav> 

<main> 
    <label for="nav-toggle">Menu</label> 
</main> 

用在一個CSS只菜單面板是這樣的：http://codepen.io/jimahyland/pen/mAVGmj

它似乎做工精細，但有什麼根本性的錯誤這種做法？

Answer 1

是的，input和label可以有不同的父母。

大多數標準塊級元素，諸如body，div，article，sectionaside和，接受flow content，其包括input和label。

只要家長接受流量內容或phrasing content，input和label可以作爲子元素存在。