نصائح وحيل HTML

0


سوف أشارككم بعض نصائح HTML المفيدة للغاية .

HTML لغة ترميز النص التشعبي و هي لغة الترميز القياسية المصممة للعرض في مستعرض الويب ( المتصفح) ويمكن أن نتسخدم معها لغات اخرى مثل CSS أو جافاسكريبت.

هذا الموضوع سيتم تحديثه بإستمرار.

1. سمة 'LOADING = LAZY'

هي لتحسين أداء الموقع و تقوم بتأخير تحميل الصورة أو موارد اخرى حتى يقوم المستخدم بالمرور عليها و ذلك لتقليل وقت تحميل الصفحة.
مع تطور الويب أصبحت أحجام الوسائط المختلفة كبيرة و تتطلب المزيد من الوقت ليتم تحميلها للمستخدم، فبين عامي 2011 و 2019 زاد متوسط حجم الوسائط من حوالي 250 كيلوبايت إلى 900 كيلوبايت، وللقضاء على هذه المشكلة يمكننا تقصير مسار العرض الحرج عن طريق التحميل البطيئ للموارد المختلفة عندما لا تكون بحاجة إليها.
    

2. روابط Email call و SMS


3. سمة 'start' للقوائم

تستخدم هذه السمة لتحديد قيمة البداية لترقيم عناصر القائمة 

4. عنصر 'meter'

نستخدم هذا العنصر لعرض الكميات ضمن نطاق معروف بدلا من إستخدام Javascript/Css

5.HTML NATIVE SEARCH

يحتوي هذا العنصر على مجموعة من الخيارات المسموح بها أو الموصى بها المتاحة للإختيار


6. عنصر Fieldset

يمكن إستخدام هذا العنصر من أجل جميع العديد من عناصر التحكم داخل نموذج ويب 


7. عنصر 'base'

إذا كنت تريد فتح جميع الروابط الموجودة في الصفحة في علامة تبويب جديدة يمكنك إستخدام عنصر base 

8. وسم 'mark'

يمكنك إستخدام وسم mark لتسليط الضوء على النص

9. سمة 'download' 

يمكنك إستخدام سمة Downlaod في الروابط وذلك لتحميل الملف و ليس فتح في نافذة جديدة.


10. نصيحة في الأداء

لتنسيق الصور و جعلها أصغر حجما لتعزيز أداء الموقع .

11. Video Thumbnail

نستخدم poster لتعيين صورة كواجهة رئيسية للفيديو قبل تشغيله.

.... يتبع بحول الله تعالى

لا يوجد تعليقات

أضف تعليق