正在將輸入和標籤轉換爲塊級項目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進行調整。