HTML FIELDSET без какого-либо полого

Question

Я пишу статью в блоге, и я хочу, чтобы добавить «Note» ящик, который я хочу, чтобы выглядеть в значительной степени точно, как <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 элемент, который сделает разметку хорошей :)

Answer 1

С семантической точки зрения, выбор тегов не должен быть продиктован желаемой презентацией (что вы хотите до выглядят как), а скорее для описания того, что на самом деле содержит . С другой стороны, нет ничего, что бы выглядело как legend (это довольно странный элемент), поэтому на самом деле нет твердой альтернативы, но вы можете приблизиться. here's one example из множества возможных решений:

<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 */ 
} 

Я не считаю, что это технически незаконно иметь Fieldset без каких-либо форм входов (значения, ваша разметка будет еще Validate), но это действительно предназначалось для использования в формах. Если вы можете найти альтернативное решение через CSS, это будет идеальный способ решить головоломку.