1

私はブログ記事を書いていて、「メモ」ボックスを追加したいと思っています<fieldset>。<legend>

<fieldset>
    <legend>Note</legend>
    Please take note of this.
</fieldset>

( http://www.w3schools.com/tags/tag_fieldset.aspを参照)

ご覧のとおり、これ<fieldset>には実際にはフィールドが含まれていないため、レイアウトを簡単に機能させるためだけに少し汚いハックのように思えます。

<fieldset>\<legend>に似た、含まれるテキストコンテンツにより適した別のタグがあるかどうかは誰にもわかりませんか?

私はCSSでそれを行うことができますが、マークアップを素敵にするHTML要素があるかどうか疑問に思っています:)

4

1 に答える 1

2

セマンティックの観点から、タグの選択は、目的のプレゼンテーション (どのように見せたいか) によって決まるのではなく、コンテンツが実際に何であるかを説明する必要があります。一方、まったく同じように動作するものは何もないlegend(かなり奇妙な要素です) ため、確実な代替手段は実際にはありませんが、近づくことはできます。多くの可能な解決策の 1 つの例を次に示します。

<div>
    <h3>Notes</h3>
    <p>Lorem Ipsum is simply dummy text...</p>
</div>

div {
    padding:20px;
    border:1px solid #ccc;
}
h3 {
    margin-top:-30px; /* estimated, you can be more accurate */
    background:#fff;  /* hide the top border behind it */
    float:left;       /* make it the smallest width possible */
}

フォーム入力のないフィールドセットを持つことは技術的に違法ではないと思いますが (つまり、マークアップは引き続き検証されます)、実際にはフォームに使用することを意図しています。CSS を介して別の解決策を見つけることができれば、それはパズルを解く理想的な方法です。

于 2013-03-09T16:20:38.950 に答える