ol / ul ควรอยู่ภายใน <p> หรือนอก?

มาตรฐานใดระหว่างสองสิ่งนี้

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

หรือ

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

คำตอบสั้น ๆ คือolองค์ประกอบไม่ได้รับอนุญาตตามกฎหมายภายในpองค์ประกอบ

เพื่อดูว่าทำไมไปที่สเป็ค ! หากคุณคุ้นเคยกับข้อกำหนด HTML มันจะตอบคำถามและวิทยากรมากมายของคุณ คุณต้องการที่จะรู้ว่าสามารถมีชีวิตอยู่ภายในol pดังนั้น…

4.5.1 pองค์ประกอบ :

หมวดหมู่: เนื้อหาการไหล , เนื้อหาที่เห็นได้ชัด
รูปแบบเนื้อหา: เนื้อหาถ้อยคำ

4.5.5 olองค์ประกอบ :

หมวดหมู่: เนื้อหาไหล
โมเดลเนื้อหา : ศูนย์หรือมากกว่าliและสคริปต์สนับสนุนองค์ประกอบ

ส่วนแรกบอกว่าpองค์ประกอบสามารถมีเนื้อหาการใช้ถ้อยคำเท่านั้น(ซึ่งเป็นองค์ประกอบ "แบบอินไลน์" เช่นspanและstrong)

ส่วนที่สองกล่าวว่าols คือเนื้อหาการไหล (องค์ประกอบ "บล็อก" เช่นpและdiv) ดังนั้นพวกเขาจึงไม่สามารถpนำมาใช้ภายใน

ols และอื่น ๆflow contentสามารถใช้ในองค์ประกอบอื่น ๆ เช่นdiv:

4.5.13 divองค์ประกอบ :

หมวดหมู่: เนื้อหาการไหล , เนื้อหาที่เห็นได้ชัด
รูปแบบเนื้อหา: เนื้อหาไหล

ที่สอง. อันแรกไม่ถูกต้อง

• ย่อหน้าต้องไม่มีรายการ
• รายการต้องไม่มีย่อหน้ายกเว้นย่อหน้านั้นมีทั้งหมดในรายการเดียว

เบราว์เซอร์จะจัดการกับมันอย่างนั้น:

<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 -->

ไปที่นี่http://validator.w3.org/ อัปโหลดไฟล์ html ของคุณและมันจะบอกคุณว่าอะไรถูกต้องและอะไรที่ไม่ถูกต้อง

ที่จริงคุณควรใส่องค์ประกอบในบรรทัดpเท่านั้นดังนั้นในกรณีของคุณolจะดีกว่าข้างนอก

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

เพราะทั้งสอง<p>และ<ol>เป็นองค์ประกอบที่แสดงผลเป็นบล็อก