كيف يمكنني عرض تلميحات أدوات بسيطة على الرموز في HTML؟
https://stackoverflow.com/questions/59221
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أنا أستخدم ActiveScaffold في تطبيق Ruby on Rails، ولتوفير مساحة في الجدول، قمت باستبدال نص "الإجراءات" الافتراضي في الجدول (على سبيل المثال."تحرير"، "حذف"، "إظهار") مع الرموز باستخدام CSS.لقد أضفت أيضًا بعض الإجراءات المخصصة باستخدام action_link.add ("نقل" و"نسخ").
للتوضيح، أرغب في الحصول على تلميح أداة منبثق مع الإجراء ذي الصلة (أي."تحرير"، "نسخ") عندما أقوم بتمرير الماوس فوق الرمز.
اعتقدت أنه يمكنني القيام بذلك عن طريق إضافة تعريف "بديل" بسيط إلى العلامة، ولكن يبدو أن هذا لا يعمل.
هل لأحد أن يوجهني للطريق الصحيح؟
المحلول
ال alt يجب استخدام السمة كبديل للصورة، في حالة فقدان الصورة، أو في متصفح النص فقط.
IE أخطأت عندما صنعوا alt تظهر كتلميح أداة.لم يكن المقصود أبدا أن يكون ذلك.
السمة الصحيحة لهذا هي title, ، وهو بالطبع لا يقوم بعمل تلميح أدوات في IE.
لذلك، لإظهار تلميح الأدوات في كل من IE وFireFox/Safari/Chrome/Opera، استخدم كلاً من alt صفة و أ title يصف.
نصائح أخرى
نقطة بسيطة أضيفها إلى هذا الموضوع..لا توجد علامة بديلة أو علامة عنوان.السمة alt مخصصة للصور، ولكن يمكن أن تحتوي جميع العناصر الأخرى في الصفحة على سمة عنوان، وهو الخيار الأفضل للتوافق عبر المتصفحات.
<span title="Click here to edit the foo">
Edit
</span>
تريد علامة "العنوان".لست متأكدًا مما إذا كان هذا ضروريًا بعد الآن، ولكن عادةً ما أقوم بإضافة كل من علامات alt و title للتأكد من أن جميع المتصفحات تعرض تلميح الأداة بنفس الطريقة.
تعمل الخاصية alt لعلامة img في بعض المتصفحات، ولكن ليس كلها (مثل بعض المتصفحات المعتمدة على موزيلا).
ال "طريق صحيح" للقيام بذلك هو استخدام خاصية العنوان.
تلميحات الأدوات في HTML هي محتويات ملف alt نص لعلامات الصور، ولكن إذا كنت تقوم بتعيين هذا باستخدام CSS، فمن المحتمل أن يكون لديك background:url(...); النمط بدلاً من الصورة.
يستخدم alt على الصور و title على الروابط.
كما أشار بريستاول، يجب أن تعمل العلامة البديلة للصور وعناوين الروابط.ومع ذلك، يعتمد هذا أيضًا على المتصفح...معظم المتصفحات يجب تنفيذ وظيفة تعرض بيانات التعريف هذه كتلميحات أدوات ولكن ليس مطلوبًا منها القيام بذلك.
بعد أن أدركت، كما أشار جويل كوهوم، أن الأيقونة الخاصة بي كانت في الواقع صورة خلفية، قمت بإنشاء صورة شفافة.gif مع سمات العنوان والبديل أعلى الخلفية، وفويلا - تلميحات الأدوات!
