10 أشياء باردة أتش تي أم أل العلامات يمكن القيام به
في هذه اللحظة هناك مجموعه 142 عناصر HTML موحدة من قبل W3C باستثناء تلك الموجودة في المراحل الأولية للتوحيد وتلك التي عفا عليها الزمن. بعد قولي هذا ، من الممكن تفويت أو نسيان عدد قليل منها يمكن أن يكون مفيدًا عند الحاجة.
لقد قمنا في وقت سابق بتلخيص بعض أفضل خدع CSS التي ربما تكون قد أغفلتها. سيذكرك هذا المنشور ببعض علامات HTML التي لم تكن تعلم أنك تستطيع استخدامها لتنفيذ ميزات مثل:
1. خريطة الصور
HTML يمكن استخدام العناصر لإنشاء خرائط صور. خرائط الصور هي في الأساس صور بها مناطق قابلة للنقر عليها ، ويمكن ربطها بصفحة ويب أخرى أو أجزاء أخرى من المستند نفسه. يمكنك تحديد مساحات الصورة القابلة للنقر من خلال ذكر إحداثيات س ص المقابلة لتلك النقاط في
العناصر المتداخلة في الداخل
.
ملحوظة: لا يمكن تصميم المساحات القابلة للنقر من خلال CSS ، لذا ، إذا كنت تريد تصميم تلك العلامات ، فاستخدم برنامجًا بسيطًا لتحرير الصور لرسم العلامات.
تلميح: إذا كنت تريد معرفة إحداثيات نقطة ما في صورة ما ، افتح الصورة في برنامج لتحرير الصور وانقل المؤشر إلى تلك النقطة ، يجب أن تكون قادرًا على رؤية إحداثياتها في البرنامج نفسه. ل GIMP يظهر في الجانب الأيسر من الشريط السفلي.
2. اقتراحات المدخلات
استعمال لتوفير قائمة من الاقتراحات ذات الصلة التي تظهر أثناء كتابة قيمة إدخال.
3. تسليط الضوء على النص
عادة ما يكون للنص المظلل لون النص الغامق مع خلفية فاتحة. يمكنك تحقيق تأثير النص المميّز مع الترميز وحده. أي نص محاط بداخل سيكون لها هذا التأثير.
يمكنك تخصيص تسليط الضوء على اللون مع ال لون الخلفية
خاصية CSS لـ و ال لون الخط مع ال
اللون
خاصية.
4. تحديد القوالب
جنبا إلى جنب مع HTML5 جاء الجديد جزء. ال
يحتفظ العنصر بعلامات داخله ولا يتم تقديمها بواسطة المستعرضات ، ويجب استخدام العلامات المرفقة بها توليد محتويات ديناميكية في الصفحة باستخدام جافا سكريبت.
على سبيل المثال ، افترض أن لديك يشير Fine print إلى نص المستند المطبوع عادةً بحجم صغير جدًا يحتوي على معلومات مثل الشروط والمصطلحات والقيود والاستشهادات والحقوق القانونية وما إلى ذلك. ال ملحوظة: سيتم إحالة جميع عناوين URL النسبية في الصفحة بناءً على عنوان URL الأساسي ، إذا كان لديك أي رابط مع مجال مختلف لا تنسَ تعيين عنوان URL الكامل له. تطوير الويب المتجاوب يكون رائجًا مع إمكانية الوصول المتنامية للهاتف المحمول. يمكن تبديل الصور بأحجام مختلفة للشاشة باستخدام العلامات. ال ملحوظة: هذا يعمل حاليًا في Chrome فقط. سيكون لديك لضبط قدم HTML5 العديد من عناصر نوع الإدخال الجديدة ؛ عنصر إدخال اللون هو واحد منهم. يتيح لك اختيار لون على صفحة ويب بمساعدة منتقي الألوان. إذا كان لديك العديد من الخيارات في قائمة منسدلة وترغب في إظهارها مجمعة ، فإن العلامات في الداخل حيث تضاف الصفوف ديناميكيًا ، يمكنك ببساطة وضع علامة صف فارغ في ذلك الجدول داخل
عند الحاجة ، قم باستدعاء وظيفة JavaScript التي تحتوي على برنامج نصي لنسخ العلامات من داخل علامات القالب وإضافتها إلى علامة الجدول. هذا غير معتمد من قبل IE.
5. غرامة المطبوعة
العلامة في HTML يمكن استخدامها لإظهار المطبوعات الجميلة. من HTML5 وما بعده
لا تعرض العلامة نصًا أنيقًا مطبوعًا فحسب ، بل ستعرِّف أيضًا الدلالة نفسها كما هو الحال في إخلاء المسئولية القانونية والمحاذير.
6. تعيين عنوان URL الأساسي
يكون عنصر HTML مفيدًا جدًا عندما يكون لديك روابط متعددة في وثيقتك بنفس عناوين URL الخاصة بالمجال ، مما يسمح لك بإضافة عنوان URL أساسي إلى المستند والذي بدوره يسمح لك بإضافة عناوين URL النسبية فقط إلى الروابط الأخرى في الصفحة حسب الحاجة.7. الصور المستجيبة
يتيح لك عنصر HTML5 إضافة مصادر صور مختلفة للوسائط المختلفة للصورة بداخلها.
dom.image.picture.enable
إلى صحيح
في حول: التكوين
في فايرفوكس.8. لون المنتقى
9. خيارات المجموعة
عنصر سوف تحصل على هذه المهمة. يمكنك أيضًا تصميم المجموعات باستخدام CSS.
10. و
جزء
يتم تقديمه بواسطة المستعرض فقط عند تعطيل البرنامج النصي. هذه العلامة مفيدة لإطلاع المستخدمين على وقت تعطيل البرنامج النصي في المستعرض الخاص بهم ولتوفير أي آلية احتياطية بديلة للمكونات الموجودة على صفحات الويب والتي ستتوقف عن العمل دون استخدام JavaScript.
اقرأ الآن: 15 حيل CSS مفيدة قد تغفلها