HTML5结构标签带有输入OR输入IN标签

Question

哪一个更合适？

第一招：

<div> 
<label for="male">Male</label> 
<input type="radio" name="gender" id="male" value="male"> 
</div> 

第二个：

<label for="male">Male 
<input type="radio" name="gender" id="male" value="male"> 
</label> 

他们的工作为好，但我不知道，如果第二个选项是好的与所有的HTML结构。

Answer 1

我会把里面输入标签，这样，不会使用外div包装：

<label for="male">Male 
    <input type="radio" name="gender" id="male" value="male"> 
</label> 

通过这种方式得到的输入标签上的文字Male点击时关注的焦点。

Answer 2

这两个选项都是有效的HTML，根据the w3 spec，并且for在第二种形式中不是强制性的。

使用任何你喜欢的。