Nên ol / ul bên trong <p> hay bên ngoài?

Đó là tiêu chuẩn tuân thủ giữa hai?

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

HOẶC LÀ

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

Câu trả lời ngắn gọn là olcác yếu tố không được phép hợp pháp bên trongp các yếu tố.

Để xem tại sao, hãy đi đến thông số kỹ thuật ! Nếu bạn có thể cảm thấy thoải mái với thông số HTML, nó sẽ trả lời nhiều câu hỏi và sự tò mò của bạn. Bạn muốn biết nếu một olcó thể sống bên trong a p. Vì thế…

4.5.1 Phần ptử :

Thể loại: Nội dung dòng chảy , nội dung Palpable .
Mô hình nội dung: Phrasing nội dung .

4.5.5 Phần oltử :

Thể loại: Nội dung dòng chảy .
Mô hình nội dung : Không hoặc nhiều li và các yếu tố hỗ trợ tập lệnh .

Phần đầu tiên nói rằng pcác phần tử chỉ có thể chứa nội dung phrasing (đó là các phần tử dòng nội tuyến trực tuyến như spanvàstrong ).

Phần thứ hai nói ols là nội dung dòng chảy (khối chặn các yếu tố như pvà div). Vì vậy, chúng không thể được sử dụng bên trong a p.

ols và khác flow contentcó thể được sử dụng trong một số yếu tố khác như div:

4.5.13 Phần divtử :

Thể loại: Nội dung dòng chảy , nội dung Palpable .
Mô hình nội dung: Lưu lượng nội dung .

Thư hai. Đầu tiên là không hợp lệ.

• Một đoạn văn không thể chứa một danh sách.
• Một danh sách không thể chứa một đoạn trừ khi đoạn đó được chứa hoàn toàn trong một mục danh sách.

Một trình duyệt sẽ xử lý nó như vậy:

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

ĐI tại đây http://validator.w3.org/ tải lên tệp html của bạn và nó sẽ cho bạn biết cái gì hợp lệ và cái gì không.

thực ra bạn chỉ nên đặt các phần tử nội tuyến bên trong p, vì vậy trong trường hợp của bạn oltốt hơn bên ngoài

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

Bởi vì cả hai <p>và <ol>là phần tử được kết xuất dưới dạng khối.