الروابط والتنقّل

01الرابط خاصو وجهة

الخاصية href كتحدد فين غادي يمشي الرابط. خلّي النص ديالو واضح: « شوف الخدمات ديالنا » أحسن من « كليكي هنا ».

<a href="services.html">Read our services</a>
<a href="https://dect.dev">Visit DECT</a>

02دوز لقسم فالصفحة

عطي للقسم id خاص بيه، ومن بعد دير رابط فيه # ومن وراه داك id. تقدر حتى تربط لقسم فصفحة أخرى.

<a href="#contact">Contact details</a>
<section id="contact">
  <h2>Contact details</h2>
</section>

03الرابط ولا الزر؟

استعمل الرابط باش تمشي لشي بلاصة، والزر باش تدير شي عملية بحال فتح القائمة. العنصر a بلا href ماشي بديل للزر.

<nav aria-label="Main">
  <a href="index.html">Home</a>
  <a href="services.html">Services</a>
</nav>
<button type="button">Open menu</button>

04جرّب براسك

زيد رابط « رجع لقسم من نحن » تحت Contact.

مثال تقدر تبدلو

<nav aria-label="Example"><a href="#about">About</a> · <a href="#contact">Contact</a></nav>
<h2 id="about">About</h2><p>A small studio with thoughtful ideas.</p>
<h2 id="contact">Contact</h2><p>Let’s talk about your project.</p>

غير HTML و CSS. تشغيل السكريبتات وإرسال الفورمات معطّل.

باش تزيد تفهم

تقدر ترجع لـ شروحات MDN و معيار HTML Living Standard باش تفهم أكثر وتشوف التوصيات الجديدة.