正在将输入和标签转换为块级项目okey？

Question

我知道你不能（语义）做这样的事情：

<p> 
    <div> Lorem... </div> 
</p> 

我的comment_form工作（）为WordPress：

<form...> 
<div< 
    <label>Label<label><input...> 
</div> 
... 
</form> 

我使用基金会的混入的（SASS）至设置一个网格来标记和输入。这个mixin会制作标签并输入一个块（通常是内联）。这是，奥奇？我是否应该再次将标签和输入放入两个不同的div中，然后将网格mixin设置为那些？

我也在默认comment_form（）函数发现的是：

<p class="form-submit"> 
    <input name="submit" type="submit" id="<?php echo esc_attr($args['id_submit']); ?>" value="<?php echo esc_attr($args['label_submit']); ?>" /> 
    <?php comment_id_fields($post_id); ?> 
</p> 

因为我不能说改变p中的一个DIV，我可能不得不重新空穴功能。我想我需要这样做，因为基金会将设置显示屏以阻止输入提交。我应该离开它，还是如果我想要语义标记，我应该重新创建函数吗？

Answer 1

将label和anchor的display属性值设置为“block”没有任何问题。在这种情况下标记较少，并且比在div元素中嵌套它们更具语义。

这也有助于使您的布局具有可扩展性。如果将它们嵌套在块级元素中，稍后再决定更改布局，则必须更新标记而不是对CSS进行调整。