Bu bir süre için beni rahatsız ediyor, ve eğer bu doğru yapmak konusunda herhangi bir fikir birliği olursa orada merak ediyorum. HTML bir listesini kullanırken, nasıl listesi için bir başlık anlamsal?

Tek seçenek bu

<h3>Fruits I Like:<h3>
<ul>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

ama anlamsal <h3> Başlığı açıkça <ul> ile ilişkili değil

Başka bir seçenek bu

<ul>
    <li><h3>Fruits I Like:<h3></li>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

ama bu başlığı gerçekten liste öğelerini değil, biraz kirli görünüyor.

Bu seçenek, W3C tarafından izin verilmez:

<ul>
    <h3>Fruits I Like:<h3>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

<ul>'13 **'s . Bir veya daha fazlasını içerir s gibi

Eski "liste Başlığı" <lh> en mantıklı

<ul>
    <lh>Fruits I Like:<lh>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

ama tabii ki resmi olarak HTML bir parçası değil

Sadece bir form gibi <label> kullandığımız önerildiğini duydum:

<ul>
    <label>Fruits I Like:<label>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

ama bu biraz garip geliyor ve zaten doğrular değil.

Görmek çok kolay olan semantik sorunları çalışırken stil benim liste başlıklarını, ben sonunda nerede ihtiyacı koy benim <h3> etiketleri içinde ilk <li> ve hedef onlar için bir tarz gibi bir şey

ul li:first-of-type {
    list-style: none;
    margin-left: -1em;
    /*some other header styles*/
}

dehşet! Ama en azından bu şekilde ** 21, tüm başlık ve herşeyi kontrol edebiliyorum, ul etiket, stil.

Bunu yapmak için doğru yolu nedir? Herhangi bir fikir?

Felipe Alsacreations söylediği gibi, ilk seçenek gayet iyi.

Eğer aşağıda bir şey Başlığı ait olarak yorumlanır emin olmak istiyorsanız, o HTML5 kesit içerik öğeleri için tam olarak ne. Bu yüzden, örneğin yapabilirsin

<h2>About Fruits</h2>
<section>
  <h3>Fruits I Like:</h3>
  <ul>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
  </ul>
</section>
<!-- anything here is part of the "About Fruits" section but does not 
     belong to the "Fruits I Like" section. -->