0

次のようなことは (意味的に) できないことはわかっています。

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

WordPress の comment_form() に取り組んでいます。

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

Foundation の mixin (sass) を使用して、グリッドをラベルと入力に設定しています。この mixin は、ラベルと入力をブロック (通常はインライン) にします。これでよろしいですか？ラベルと入力を 2 つの異なる 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 に変更できないため、おそらく穴関数を再作成する必要があります。ファウンデーションは入力送信に対して表示をブロックするように設定するため、これを行う必要があると思います。そのままにしておくべきですか、それともセマンティック マークアップが必要な場合は、関数を再作成する必要がありますか?

4

1 に答える 1

0

ラベルとアンカーの表示プロパティの値を「ブロック」に設定しても問題ありません。この場合、マークアップが少なくなり、div 要素にネストするよりもセマンティックになります。

これは、レイアウトをスケーラブルにするのにも役立ちます。それらをブロック レベル要素にネストし、後でレイアウトを変更することにした場合は、CSS を調整するのではなく、マークアップを更新する必要があります。

于 2013-08-24T19:24:18.817 に答える