5 أفكار HTML لا أحد يتحدث عنها
يجب على جميع مصممي المواقع استخدام لغة تأشير النص الفائق بغض النظر عن اللغة أو إطار العمل الذي يستخدمونه. يتم إنتاج العديد من اللغات والأطر وإزالتها ، ولكن في النهاية يبقى Html ويجب على الجميع اتباعها حتى يتمكنوا من إطلاق مواقعهم الخاصة.
يتم تنفيذ عدد من ميزات مواقع الويب بواسطة لغات أخرى مثل JavaScript ، والتي برأيي أسهل وأسرع في التنفيذ باستخدام Html ، ولكن هناك القليل من الأشخاص الذين يتحدثون عن هذه الميزات ويفضلون استخدام لغات أخرى لتنفيذها الميزات. ستعرض لك هذه المقالة 5 من أكثر ميزات Html جاذبية والتي ستذهلك!
تحميل بطيئ
بعض المصطلحات لا يمكن ترجمتها برأيي وهذه إحدى تلك المصطلحات ، يعني Lazy Load أن صور موقعك يتم تحميلها بشكل تدريجي بحيث تزيد كفاءة موقعك ولا يشتكي المستخدمون من عدم تحميل موقعك.
في صفحات الإنترنت ، يتكون الحجم الرئيسي للصفحات من الصور ، ومع إمكانية استخدام لغة Html ، يمكنك زيادة سرعة موقعك بشكل كبير.
<img src="image.png" loading="lazy" alt="…" width="200" height="200">أقترح كلمات
لقد رأيت بالتأكيد محركات بحث تعرض لك الاتجاهات ذات الصلة بالضغط على الحرف الأول من الكلمة التي تبحث عنها وتجعل البحث أسهل بالنسبة لك.
يتطلب تنفيذ هذه الميزة فهمًا مناسبًا لجافا سكريبت ، والتي لا يمكن للجميع التعامل معها ، ولكن Html لديها ميزة رائعة تسمى datalist تساعدك على إضافة هذه الميزة الشيقة إلى صفحاتك وتسهيل البحث على المستخدمين.
<label for="country">Choose your country from the list:</label>
<input list="countries" name="country" id="country">
<datalist id="cuntries">
<option value="UK">
<option value="Germany">
<option value="USA">
<option value="Japan">
<option value="India">
</datalist>
علامة الصورة
في عصر الإنترنت والهواتف الذكية ، أصبح وجود الصفحات المتجاوبة أحد أساسيات المواقع ، الأمر الذي كان له تأثير كبير على تحسين محركات البحث لموقعك ، لكن صور الموقع تجعل الأمر صعبًا على المصممين والمبرمجين في هذا المجال.
توجد ميزة Html رائعة ستساعدك في حل هذه المشكلة تسمى Picture ، يمكنك رؤية نموذج التعليمات البرمجية أدناه ؛ وهو مشابه جدًا للصوت والفيديو
<picture>
<source media="(min-width:768px)" srcset="med_flag.jpg">
<source media="(min-width:495px)" srcset="small_flower.jpg">
<img src="high_flag.jpg" alt="Flags" style="width:auto;">
</picture>عنوان Url الأساسي
أنا شخصياً لا أستخدم هذه الميزة كثيرًا لأنه من الممكن استخدام عشرات العناوين المختلفة في صفحة واحدة ، لكن الأمر يستحق قول هذه الميزة.
<head>
<base href="https://www.twitter.com/" target="_blank">
</head>
<body>
<img src="elonmusk" alt="Elon Musk">
<a href="BillGates">Bill Gate</a>
</body>تحديث الوثيقة
إنه أحد أقدم أكواد Html ، وهو أكثر فائدة للمنتديات بحيث لا ترغب في تحديث الصفحة كل ثانية لتلقي منشورات جديدة.
من اسم العلامة ، يمكنك أن ترى ما الذي ستفعله ؛ لذلك لن أشرح كثيرًا وأقول فقط إنه يقوم بتحديث الصفحة بعد بضع ثوانٍ.
<meta http-equiv="refresh" content="4; URL='https://google.com' />
كلمة أخيرة
إن Html و CSS قويان للغاية ويمكنك تصميم مواقع مذهلة باستخدام هذين الموقعين.
يتطلب تعلم أي شيء وإتقانه وقتًا ووقتًا وممارسة ، ولا يُعد Html استثناءً.
ما هو رد فعلك؟
