Welches Tag sollte für kurze Text wie "Zurück nach oben", "More" usw. verwendet werden?

Question

Welches Tag sollte für kurze Text wie möglich verwendet werden.

Zurück nach oben

Weiterlesen

ist <p> Anspruch oder etwas anderes sollte verwendet werden. Weil dies kein Absatz ist.

Welches ist semantischer

<p><a href="#mainWrapper">Back to top</a></p>

oder

<a href="#mainWrapper">Back to top</a>

oder

<div><a href="#mainWrapper">Back to top</a></div>

Answer 1

Im Allgemeinen sollten Sie den Anker verwenden <a> Schild.

Nisten an <a> in einem <p> ist vollkommen gültig, aber im Allgemeinen die <p> sollte für Textabsätze reserviert werden. Da ist deins nur ein Link, die <a> Tag allein wird wahrscheinlich die am meisten empfohlen sein.

Wenn Sie möchten, dass Ihr Link als Blockelement angezeigt wird, stylen Sie ihn einfach mit display: block;. Die Tatsache, dass die <a> Tag wird normalerweise angezeigt, dass Inline nur weil es sein Standardstil ist.

Answer 2

Anker -Tag

<a href="#">Back to top</a>

<a href="#">Read more</a>

Sie können ein Anker -Tag in ein Blockelement einbetten. Also so etwas

<p><a href="#">Back to top</a></p>

Answer 3

Inline -Elemente müssen innerhalb von Blockebene -Elementen eingeschlossen sein. Dies ist daher der grundlegende Ansatz:

<p><a href="#">Back to top</a></p>

Normalerweise obwohl das <a> Element ist bereits in a <div> Tag so die <p> Ist nicht absolut notwendig, aber es ist semantischer - es ist immer noch ein Textabsatz, auch wenn nur wenige Wörter darin stehen.

Answer 4

Es gibt kein offensichtliches semantisches Tag für solche.

• Vielleicht brauchen Sie dort überhaupt kein Tag! Bitte überprüfen Sie diesen Fall.

• Wenn Ihre "kurzen Texte" Links sind, brauchen Sie offensichtlich <a href=. Wenn Sie einen CSS -Stil für den Text benötigen, können Sie ihn in das einfügen a Tag auch.

* Wenn Sie nur ein Tag zum Strukturieren oder zum Aufhängen von CSS -Stilen benötigen, verwenden Sie dann <span>.