logo

Palette - Make it Colorful🎨

Palette - Visual Page Builder, no design degree required.

Live Demo Download Palette

Scroll

HTML-ի առաջին քայլեր – Դաս 9 – Մենյու ստեղծում

10/05/2025, by Ivan

Վեբ կայքի հիմնական տարրը մենյուն (նավիգացիան) է։ Միայն այն միջոցով կարելի է անցնել կայքի էջերի միջև։ Մենյուն նաև կարևոր է որոնողական համակարգերի համար կայքի ինդեքսավորման գործընթացում, քանի որ առանց էջերի միջև կապի, որոնողական համակարգը չի կարող անցնել բոլոր էջերից։ Արձանագրենք, թե ինչից է բաղկացած մենյուն։

Մենյուի համար սովորաբար օգտագործում են անթիվ ցանկ (ul, li տեգեր), այսպես, յուրաքանչյուր մենյուն իրար հետևող ցանկի տարր է՝

...
<ul>
  <li></li>
  <li></li>
<ul>
...

li տեգի մեջ սովորաբար տեղադրվում են հղումներ էջերին՝

...
<ul>
  <li>
    <a href="page1.html">Առաջին էջը</a>
  </li>
  <li>
    <a href="page2.html">Երկրորդ էջը</a>
  </li>
<ul>
...

Որպեսզի մենյուի և նրա տարրերի ավելի հստակ ձևավորում ունենանք, հաճախ ավելացնում են դասեր (class) և id արժեքներ՝

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Առաջին էջը</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Երկրորդ էջը</a>
  </li>
<ul>
...

Նշենք, որ էջերը, որոնցով մուտք ենք կատարում (page1.html, page2.html), պետք է գոյություն ունենան, այլապես բրաուզերը չի կարող հասկանալ, թե ուր եք ցանկանում այն ուղարկել։