Ol / ul <p> içinde mi yoksa dışında mı olmalı?

Hangisi bu ikisi arasında standart uyumludur?

<p>Text text text ...
    <ol>
        <li>First element</li>
    </ol>
</p>
<p>
    Other text text ...
</p>

VEYA

<p>
    Text text text ...
</p>
<ol>
    <li>First element</li>
</ol>
<p>
    Other text text ...
</p>

Kısa cevap, olelemanların içinde yasal olarak izin verilmemesidir p.

Nedenini görmek için spesifikasyona gidelim ! HTML spesifikasyonu ile rahat edebiliyorsanız, sorularınızın ve meraklarınızın çoğuna cevap verecektir. olA'nın içinde yaşayabilir mi bilmek istiyorsunuz p. Yani…

4.5.1 pEleman :

Kategoriler: Akış içeriği , Ele gelen içerik .
İçerik modeli: İfade içeriği .

4.5.5 olEleman :

Kategoriler: Akış içeriği .
İçerik modeli : Sıfır veya daha fazla li ve komut dosyası destekleyici öğe.

İlk bölüm söylüyor pelemanları sadece içerebilir phrasing içeriği (gibi “satır içi” öğeler olan spanve strong).

İkinci bölüm, ols'nin akış içeriği olduğunu ( pve gibi "blok" öğeler) söylüyor div. Böylece olamaz bir iç kullanılmalıdır p.

ols ve diğerleri flow contentaşağıdaki gibi bazı elementlerde kullanılabilir div:

4.5.13 divEleman :

Kategoriler: Akış içeriği , Ele gelen içerik .
İçerik modeli: Akış içeriği .

İkinci. Birincisi geçersiz.

• Paragraf bir liste içeremez.
• Bu paragraf tamamen tek bir liste öğesinde bulunmadıkça, liste paragraf içeremez.

Bir tarayıcı bu şekilde çalışacaktır:

<p>tetxtextextete 
<!-- Start of paragraph -->
<ol>
<!-- Start of ordered list. Paragraphs cannot contain lists. Insert </p> -->
<li>first element</li></ol>
<!-- A list item element. End of list -->
</p>
<!-- End of paragraph, but not inside paragraph, discard this tag to recover from the error -->
<p>other textetxet</p>
<!-- Another paragraph -->

Buraya gidin http://validator.w3.org/ html dosyanızı yükleyin ve neyin geçerli neyin geçerli olmadığını söyleyecektir.

aslında sadece satır içi öğelerin içine koymalısınız p, bu durumda sizin durumunuz oldaha iyi

<p>tetxetextex</p>
<ol><li>first element</li></ol>
<p>other textetxeettx</p>

Çünkü her ikisi de <p>ve <ol>blok olarak işlenen elemanlardır.