Sollte ich auf Absatz-tags, um die Bilder?

Ich habe eine web-Seite, wo ich text mit Bildern. Ich schreiben einen text (einen Absatz) dann ein Bild, dann ein weiterer Absatz.

Soll ich p-tags um das Bild zu, oder soll ich Sie einfach lassen Sie es in zwischen nur mit dem img-tag?

Der Grund, warum ich Frage, ist weil bis jetzt war ich nur ploppen Bilder zwischen den Absätzen, aber jetzt, wenn ich will hinzufügen, mehr als ein Bild oder ein Bild hinzufügen und ein Anker-dann ist das sitzen nicht zusammen Recht. Die andere Sache, die ich ausprobiert habe, war das hinzufügen

<p></p>

zwischen zwei Bildern, aber ich fühle mich wie das ist falsch 😛

  • Sie könnten versuchen, das posting ein Beispiel von dem, was Sie bekommen, und dem, was Sie wollen. Ich glaube nicht, dass ich Recht bekommen es von Ihrer Beschreibung.
InformationsquelleAutor Adam | 2010-01-27
  1. 4

    Könnten Sie CSS verwenden, um die Bilder handeln, die als Blöcke anstatt als inline-Blöcke:

    Setzen Sie Folgendes in deinem CSS irgendwo:

    img { display: block; }

    Oder wenn Sie einige Bilder, die Sie anzeigen möchten, inline, dann fügen Sie class="block" um Ihre img-tags, und ändern Sie die css diese:

    img.block { display: block; }
    • Gute Idee. Es ist immer am besten, Weg mit möglichst wenigen html-Elemente wie möglich. Wenn Sie möchten, eine img zu handeln, wie ein block-level-element, gib es einfach display:block.
    InformationsquelleAutor pib
  2. 2

    Styling ein Bild als block-element ist eine partielle Lösung. HTML sollte so gestaltet werden, "arbeiten", ohne Stil, auch. Wenn das box-Modell setzt Voraus, dass ein block-element beinhaltet nur block-oder inline-Elemente nicht vermischt - als wir so tun sollten, auf der niedrigsten möglichen Ebene. Dies ist der Grund, warum die Menüs erstellt werden, die als Listen nicht Sätze von links. Dies wird als graceful degradation.

    Also IMHO die <p> - tag um das Bild Hinzugefügt werden soll wenn die Knoten daneben sind block-Elemente.

    InformationsquelleAutor T.J.
  3. 0

    Ich kann nicht aus irgendeinem Grund denken, warum Sie nicht verwenden <p><img/></p> wenn das ist, wie Sie es wünschen angelegt. so werden die mark-up deutlich beschreibt das layout.

    ist es sicherlich besser lesbar als eine änderung der display-Typ für sämtliche Bilder. die beste alternative wäre eine css-Klasse img.block {display:block;} + <img class="block"/>

    InformationsquelleAutor pstanton
  4. 0

    Es ist nichts falsch daran, dass die Bilder mit oder ohne <p></p>. Die einzigen Dinge, die Sie beachten sollten sind:

    1. Die CSS-Datei für <p> beeinflussen könnte, die padding, margin oder Breite des Bildes in einer Weise, dass Sie das nicht wollen.
    2. <p> wird die Bild-Anzeige als block.
    3. Wenn das ist Ihr einziger Zweck, würde ich vorschlagen, dass Sie die Regel in der CSS als img {display: block;} und lassen Sie Ihre <img> erscheinen, ohne <p></p>
    4. Wenn Sie Bilder auf Ihrer Website einen mix aus block-Elementen und inline-Elementen, würde ich empfehlen, eine Klasse für jeden, und geben Sie img {display: block;} und img {display: inline;}
    InformationsquelleAutor Satchito
Schreibe einen Kommentar