0

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

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

我正在为 WordPress 开发 comment_form()：

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

我正在使用 Foundation 的 mixin (sass) 来设置一个网格来标记和输入。这个 mixin 将制作标签并输入一个块（这些通常是内联的）。这是，好吗？我是否应该再次将标签和输入放入 2 个不同的 div 并在它们上设置网格混合？

我在默认的 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 我可能必须重新创建孔函数。我想我需要这样做，因为 Foundation 会将显示设置为阻止输入提交。我应该保持原样还是如果我想要语义标记，我应该重新创建函数吗？

4

1 回答 1

0

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

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

于 2013-08-24T19:24:18.817 回答