ما العلامة التي يجب استخدامها للنص القصير مثل "العودة إلى الأعلى"، "قراءة المزيد"، إلخ؟

Question

ما العلامة التي يجب استخدامها لنص قصير مثل.

العودة إلى الأعلى

اقرأ أكثر

هو <p> appropirate أو شيء آخر يجب استخدامه. لأن هذه ليست فقرة.

وهو أكثر دلالة

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

أو

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

أو

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

Answer 1

بشكل عام يجب عليك استخدام المرساة <a> بطاقة شعار.

التعشيش <a> داخل <p> صالحة تماما، ولكن بشكل عام <p> يجب أن تكون محفوظة لفقرات النص. منذ لك هو مجرد رابط، <a> العلامة وحدها ربما تكون أكثر الموصى بها.

إذا كنت تريد أن تظهر رابطك كعنصر كتلة، فما عليك سوى النمط display: block;. وبعد حقيقة أن <a> يتم عرض العلامة عادة مضمنة مخصصة فقط لأنها نمطها الافتراضي.

Answer 2

مرساة العلامة

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

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

يمكنك تضمين علامة مرساة داخل عنصر كتلة. لذلك شيء مثل هذا

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

Answer 3

يجب أن تكون العناصر المضمنة مغلقة داخل عناصر مستوى الكتلة، لذلك هذا هو النهج الأساسي:

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

عادة على الرغم من <a> العنصر هو بالفعل داخل <div> علامة لذلك <p> ليس ضروريا للغاية ولكنه صحيح أكثر دلالة - لا تزال فقرة من النص حتى لو كانت هناك بضع كلمات فقط فيها.

Answer 4

لا توجد علامة دلاهية واضحة لمثل هذا.

• ربما لا تحتاج حقا إلى علامة هناك على الإطلاق! يرجى التحقق من هذه الحالة.

• إذا كانت "النصوص القصيرة" هي الروابط، فمن الواضح أنك تحتاج <a href=. وبعد إذا كنت بحاجة إلى نمط CSS للنص، فيمكنك وضعه في a علامة أيضا.

* إذا كنت بحاجة إلى علامة للمنظمة فقط أو لتعليق أنماط CSS من، ثم استخدم <span>.