Pisząc o algorytmach, często bardzo wygodnie jest napisać jakiś (pseudo) kod wewnątrz akapitu lubnawet w środku zdania. Aby wizualnie wspierać strukturę bardziej złożonego zdania, przydatne są także listy.

Oczywiście jedno zdanie nie może być podzielone na różne akapity. Ale w naszym przypadku musi to być spowodowane regułami zagnieżdżania HTML.

Akapit jestp element, którynie może zawierać elementów na poziomie bloku. Niestety dla naszej sprawypre ilisty sąpoziom blokowy.

Jeśli nie zastosuję się do specyfikacji i uwzględniępre lubol/ul/dl wp, thep jest automatycznie zamykany tuż przed tagiem początkowym elementu przez dowolny parser, który znam. (Wynika to zSGMLOMITTAG cecha ustawienia włączonep.) Może ta i wsteczna kompatybilność jest przyczyną decyzji projektowej o zakaziepre i listy w środkup.

Czy jest jakiś sposób, aby dołączyć akapity i dłuższe fragmenty kodu do akapitów?

mógłbymponownie sformułować moje zdania i akapity nie wymagają fragmentów i list, ale wymagają dużo myślenia i uwagi, a tekst może być trudniejszy do odczytania i zrozumienia. To jestnie rozwiązanie dla mnie.

mógłbym użyćcode zwhitespace: pre idisplay: block dla dłuższych fragmentów kodu icode zwhitespace: pre-wrap dla krótszych. Czy to semantycznie poprawne?

Mógłbym wymyślić listy w zdaniach jako zwykły cukier bez semantyki. Potem użyłbymspans zdisplay: list-item aby wyglądały jak listy. Czy byłoby to poprawne z semantycznego punktu widzenia? Czy konieczne jest poświęcenie struktury semantycznej?

To pytanie dotyczy zarówno HTML, jak i XHTML, ponieważ reguły zagnieżdżania elementów są takie same. Przez HTML rozumiem HTML 4.01 Strict, przez XHTML mam na myśli XHTML 1.0 Strict. Czy ten problem w jakiś sposób został rozwiązany w HTML 5?

Mówiąc wprost, chcęzgodne ze standardami, zarówno poprawne pod względem składniowym, jak i semantycznym, nie niestandardowy hack jakiegokolwiek rodzaju. Konkretnie,obróceniep wdiv nie jest rozwiązaniem dla mnie.

Powiązane pytaniaul element nigdy nie może być dzieckiemp element<code> vs<pre> vs<samp> dla fragmentów kodu śródliniowego i blokowego<pre> tag powodujący, że przeglądarki zamykają akapityCzy mogę<pre> Tag wewnątrz a<p> tag w Tumblr?Powinien być w środku ol / ul<p> czy na zewnątrz?nieuporządkowana lista w elemencie akapituZagnieżdżaj listy w akapitach w htmlZobacz teżProjekt CSS: listy oswajania @ A List Apart