الكورس

Advertisements

HTML nav Tag


HTML nav Tag – يحدد الوسم <nav> جزءًا من الصفحة لتوفير مجموعة من روابط التنقل.


 

HTML nav Tag

 

مثال للتوضيح

قائمة ببعض روابط التنقل داخل الوسم <nav>:

Home

Hello in Home page!

<nav>
    <ul>
      <li class="d-inline-block"><a href="#">Home</a></li>
      <li class="d-inline-block"><a href="#">Blog</a></li>
      <li class="d-inline-block"><a href="#">About Us</a></li>
      <li class="d-inline-block"><a href="#">Contact Us</a></li>
    </ul>
</nav>

<h1>Home</h1>
<p>Hello in Home page!</p>

Home

Hello in Home page!

ليس من الضروري أن يتم تضمين جميع الروابط في عنصر <nav>. <nav> مخصص فقط للكتلة الرئيسية لروابط التنقل ؛ عادةً ما يحتوي العنصر <footer> على قائمة روابط لا يلزم أن تكون في عنصر <nav>.

يمكنك إستخدام الوسم <nav> أكثر من مرة فى نفس الصفحة.

يمكن للمتصفحات ، مثل برامج قراءة الشاشة للمستخدمين المعوقين ، استخدام هذا العنصر لتحديد ما إذا كان سيتم حذف العرض الأولي لهذا المحتوى.


 

السمات العامة – Global Attributes

 

الوسم <nav> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

يدعم الوسم <nav> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

إقرأ أيضًا – HTML <nav> Tag

 

الوسوم المتعلقة: <ul><li><section><header><aside><footer><article>.

شاهد أيضًا فصل: HTML5 Document.

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
4.05.09.05.011.1


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements