ما العلامة التي يجب استخدامها للنص القصير مثل "العودة إلى الأعلى"، "قراءة المزيد"، إلخ؟
-
19-09-2019 - |
سؤال
ما العلامة التي يجب استخدامها لنص قصير مثل.
العودة إلى الأعلى
اقرأ أكثر
هو <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>
المحلول
بشكل عام يجب عليك استخدام المرساة <a>
بطاقة شعار.
التعشيش <a>
داخل <p>
صالحة تماما، ولكن بشكل عام <p>
يجب أن تكون محفوظة لفقرات النص. منذ لك هو مجرد رابط، <a>
العلامة وحدها ربما تكون أكثر الموصى بها.
إذا كنت تريد أن تظهر رابطك كعنصر كتلة، فما عليك سوى النمط display: block;
. وبعد حقيقة أن <a>
يتم عرض العلامة عادة مضمنة مخصصة فقط لأنها نمطها الافتراضي.
نصائح أخرى
مرساة العلامة
<a href="#">Back to top</a>
<a href="#">Read more</a>
يمكنك تضمين علامة مرساة داخل عنصر كتلة. لذلك شيء مثل هذا
<p><a href="#">Back to top</a></p>
يجب أن تكون العناصر المضمنة مغلقة داخل عناصر مستوى الكتلة، لذلك هذا هو النهج الأساسي:
<p><a href="#">Back to top</a></p>
عادة على الرغم من <a>
العنصر هو بالفعل داخل <div>
علامة لذلك <p>
ليس ضروريا للغاية ولكنه صحيح أكثر دلالة - لا تزال فقرة من النص حتى لو كانت هناك بضع كلمات فقط فيها.
لا توجد علامة دلاهية واضحة لمثل هذا.
ربما لا تحتاج حقا إلى علامة هناك على الإطلاق! يرجى التحقق من هذه الحالة.إذا كانت "النصوص القصيرة" هي الروابط، فمن الواضح أنك تحتاج
<a href=
. وبعد إذا كنت بحاجة إلى نمط CSS للنص، فيمكنك وضعه فيa
علامة أيضا.
* إذا كنت بحاجة إلى علامة للمنظمة فقط أو لتعليق أنماط CSS من، ثم استخدم <span>
.