Sollte ich Absatzmarken um Bilder setzen?

Question

Ich habe eine Webseite, wo ich Text mit Bildern habe. Ich schreibe einen Text (in einem Absatz), dann ein Bild, dann einen weiteren Absatz.

Sollte ich p-Tags auch um das Bild legen, oder sollte ich es einfach mit dem img-Tag dazwischen lassen?

Der Grund, warum ich dies frage, ist, weil ich bis jetzt nur Bilder zwischen Absätzen ploppte, aber jetzt, wenn ich mehr als ein Bild hinzufügen oder ein Bild und einen Anker hinzufügen möchte, dann sitzen die nicht zusammen richtig. Das andere, was ich versuchte, wurde

Zugabe

<p></p> 

zwischen zwei Bildern, aber ich mag das Gefühl, falsch ist: P

Answer 1

Sie können CSS verwenden, um die Bilder als Blöcke wirken zu lassen und nicht als Inline-Blöcke:

Legen Sie die folgenden in Ihrem CSS irgendwo:

img { display: block; } 

Oder wenn Sie ein paar Bilder haben, die Sie inline angezeigt werden, dann class="block" zu Ihrem img-Tags hinzufügen und c hange die CSS dazu:

img.block { display: block; } 

Answer 2

ich nicht aus irgendeinem Grund denken, warum Sie <p><img/></p> nicht, ob das verwenden würde, wie Sie wollen, dass es angelegt. Auf diese Weise beschreibt der Markup eindeutig das Layout.

ist es sicherlich besser lesbar als den Anzeigentyp für alle Bilder zu ändern. Die beste Alternative wäre, eine CSS-Klasse zu erstellen img.block {display:block;} + <img class="block"/>

Answer 3

Styling ein Bild als ein Blockelement ist eine Teillösung. HTML sollte so gestaltet sein, dass es auch ohne Stile "funktioniert". Wenn das Boxmodell erfordert, dass ein Blockelement nur Block- oder Inline-Elemente enthält - nicht gemischt -, sollten wir dies auf der niedrigst möglichen Ebene tun. Aus diesem Grund werden Menüs als Listen erstellt, nicht als Verknüpfungen. Dies wird als graziöse Degradierung bezeichnet.

So IMHO die <p> Tag um das Bild sollte hinzugefügt werden, wenn die Knoten daneben Blockelemente sind.