Tại sao thẻ <p> không thể chứa thẻ <div> bên trong thẻ?

Theo tôi biết, điều này đúng:

<div>
  <p>some words</p>
</div>

Nhưng điều này là sai:

<p>
  <div>some words</div>
</p>

Cái đầu tiên có thể vượt qua trình xác nhận W3C (XHTML 1.0), nhưng cái thứ hai thì không thể. Tôi biết rằng không ai sẽ viết mã như cái thứ hai. Tôi chỉ muốn biết tại sao.

Và những gì về mối quan hệ ngăn chặn của các thẻ khác?

Một nơi có thẩm quyền để tìm kiếm các mối quan hệ ngăn chặn được phép là đặc tả HTML. Xem, ví dụ: http://www.w3.org/TR/html4/sgml/dtd.html . Nó chỉ định phần tử nào là phần tử khối và phần tử nào là nội tuyến. Đối với những danh sách đó, tìm kiếm phần được đánh dấu "mô hình nội dung HTML".

Đối với phần tử P, nó chỉ định các phần sau, cho biết các phần tử P chỉ được phép chứa các phần tử nội tuyến.

<!ELEMENT P - O (%inline;)*            -- paragraph -->

Điều này phù hợp với http://www.w3.org/TR/html401/struct/text.html#h-9.3.1 , nói rằng phần tử P "không thể chứa các phần tử cấp khối (bao gồm cả chính P)."

Nói tóm lại, không thể đặt một <div>phần tử bên trong một <p>DOM vì <div>thẻ mở sẽ tự động đóng <p>phần tử.

Theo HTML5, mô hình nội dung của divcác yếu tố là nội dung dòng chảy

Hầu hết các yếu tố được sử dụng trong phần thân của tài liệu và ứng dụng được phân loại là nội dung luồng.

Điều đó bao gồm pcác yếu tố, chỉ có thể được sử dụng ở nơi dự kiến nội dung dòng chảy .

Do đó, divcác yếu tố có thể chứa pcác yếu tố.

Tuy nhiên, mô hình nội dung của pcác yếu tố là nội dung Phrasing

Nội dung cụm từ là văn bản của tài liệu, cũng như các yếu tố đánh dấu văn bản đó ở cấp độ nội đoạn. Chạy các đoạn nội dung cụm từ .

Điều đó không bao gồm divcác yếu tố, chỉ có thể được sử dụng ở nơi dự kiến nội dung dòng chảy .

Do đó, pcác phần tử không thể chứa divcác phần tử.

Vì thẻ kết thúc của pcác phần tử có thể được bỏ qua khi pphần tử ngay lập tức được theo sau bởi một divphần tử (trong số các phần tử khác), nên sau đây

<p>
  <div>some words</div>
</p>

được phân tích thành

<p></p>
<div>some words</div>
</p>

và cuối cùng </p>là một lỗi.

Sau X HTML, các quy ước đã được thay đổi và bây giờ nó là hỗn hợp các quy ước của XML và HTML, vì vậy đó là lý do tại sao cách tiếp cận thứ hai sai và trình xác nhận W3C chấp nhận những điều đúng theo các tiêu chuẩn và quy ước.

Bởi vì divthẻ có quyền ưu tiên cao hơn pthẻ. Các pthẻ đại diện cho một thẻ đoạn trong khi divthẻ đại diện cho một thẻ tài liệu.

Bạn có thể viết nhiều đoạn trong thẻ tài liệu, nhưng bạn không thể viết tài liệu trong một đoạn. Giống như một tệp DOC.