• 0

ما هي الميزات المتوقعة من الإصدار القادم من HTML؟

ما هى التوقعات للنسخه القادمه من HTML ، النسخه التاليه لى HTML5

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
  • هذة بعض المزايا التى تم اضافتها
  • الفيديو VIDEO

يمكن من خلال هذا العنصر الجديد عرض الفيديو بسهولة فى صفحة الـ HTML

<video width="450px" height="350px" controls>
  <source src="video-url.mp4" type="video/mp4">
</video>
  • FIGURE

هذا العنصر يسهل عملية عرض الاجزاء المرئية كالصور والاكواد وخلافة

<figure class="gallery-item">
  <img src="image-1.png">
</figure>
<figure class="gallery-item">
  <img src="image-2.png">
</figure>
  • SECTION

هذا العنصر شبيه بـ div يستخدم فى ترتيب اجزاء الصفحة بطريقة افضل

<section class="contact-form">
  <h2>Contact Us</h2>
  <form>
    ... 
  </form>
</section>
  • NAV

هذا العنصر يستخدم لربط اجزاء الموقع ببعضة وتوصيلة بالروابط الخارجية ايضا

<nav>
  <p><a href="login.html">Log In</a></p>
  <p><a href="signup.html">Sign Up</a></p>
  <p><a href="contact.html">Contact Us</a></p>
</nav>
  • HEADER

هذا العنصر يستخدم لجمع الاجزاء التعريفية بالموقع كشعار الموقع وقائمة الروابط وايضا جزء البحث

<header>
  <img src="company-logo.png">
  <nav>
    <p><a href="login.html">Log In</a></p>
    <p><a href="signup.html">Sign Up</a></p>
    <p><a href="contact.html">Contact Us</a></p>
  </nav>
</header>
  • FOOTER

هذا العنصر يوجد فى نهاية الصفحة ويشمل بيانات حقوق الملكية للموقع وروابط صفحات التواصل الاجتماعى والروابط الاضافية الخاصة بالموقع

<footer>
  <p>&copy; Acme Granola Corporation 2016<p>
  <div class="social">
    <a href="#"><img src="instagram-icon.png"></a>
    <a href="#"><img src="facebook-icon.png"></a>
    <a href="#"><img src="twitter-icon.png"></a>
  </div>
</footer>

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن