Html: Was ist die richtige Reihenfolge von und Stichworte?

Lesezeit: 2 Minuten

Benutzer-Avatar
j_syk

Welche der folgenden, wenn überhaupt, ist nach Maßstäben richtig?

<!-- Do the links surround the target link object -->
<a href=""><p>Link Description</p></a>
<!-- or does the object type encapsulate the link-->
<p><a href="">Link Description</a></p>

Ich weiß, dass sie gleich funktionieren, aber es ist eine Best-Practice-/Standardfrage. Dies könnte auch für ul/ol gelten.

Der einzige Grund, den ich denke, zu bevorzugen <a> tag inside ist mit einer Situation wie:

<p>This is a longer sentence with a <a href="">short link here</a></p>

Vielen Dank!

Das erste Beispiel ist nur in HTML5 erlaubt.

Das zweite Beispiel ist in allen Versionen von HTML/XHMTL erlaubt.

Sie können ein Blockelement nicht mit einem Inline-Element umschließen. Das musst du so machen:

<p><a href="">Link Description</a></p>

Dies ist W3C-Standard. Prüfen Dies!

  • Sie können Links auf Blockebene in HTML5 haben: html5doctor.com/block-level-links-in-html-5 Ich würde jeden ermutigen, mit der Einführung von HTML5 zu beginnen.

    – edeverett

    23. Mai 2011 um 19:23 Uhr

  • @edeverett Intuitiv gefiel mir die Idee, einen ganzen Block zu einem Link zu machen, was genau das ist, was HTML5 erlaubt. Ich bin neu in der Webentwicklung, HTML5 wurde zumindest teilweise unterstützt, seit ich angefangen habe. Ich konnte also beide Methoden mit dem gleichen Ergebnis durchführen, weshalb ich mich entschieden habe zu fragen, welche bevorzugt wird. Danke für die Hilfe

    – j_syk

    24. Mai 2011 um 17:43 Uhr


  • Für HTML5 sind beide Wege gut und können unter verschiedenen Umständen verwendet werden. Wenn Sie möchten, dass ein ganzes Element auf Blockebene verknüpft wird – oder eine Reihe von Elementen auf Blockebene – dann packen Sie sie einfach in ein Anker-Tag. Wenn Sie nur einige Inline-Inhalte verlinken möchten, verwenden Sie wie gewohnt. Dies ist eine der weniger bekannten, aber nützlichsten Aktualisierungen der neuen Spezifikation.

    – edeverett

    25. Mai 2011 um 8:23 Uhr

Ab HTML 5 sind Anchor-Tags (<a></a>) dürfen fast alles umschließen, einschließlich Absätze. Also ist jedes Beispiel gültig, obwohl ich es bevorzuge, Anker innerhalb von Absätzen zu haben.

Anker (a) sollten sich innerhalb eines Blockelements befinden. So

<p><a>...</a></p>

Ich würde sagen, der zweite, als der <p> erbt keine Attribute von <a> und Beibehaltung der ursprünglichen Formatierung.

Benutzer-Avatar
George Cummins

Inline-Elemente wie z <a> sind oft in Block-Level-Elementen wie enthalten <p>. Die Blockelemente bieten die Struktur, die für die Darstellung Ihrer Daten erforderlich ist.

Benutzer-Avatar
unoder

Ich lege immer die <p> -Tags, es sei denn, die Textmenge ist groß.

1175730cookie-checkHtml: Was ist die richtige Reihenfolge von und Stichworte?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy