Рӯйхатҳо ва истинодҳо

Ин барои чӣ лозим аст

Рӯйхатҳо дар ҳама ҷо ҳастанд: менюи сайт, таркиби мол, қадамҳои дастур, рӯйхати дӯстон. Истинодҳо бошанд он чизе мебошанд, ки вебро «тор» (web) мегардонанд: аз як саҳифа ба ҳар саҳифаи дигар гузаштан мумкин аст. Ҳарфҳои «HT» дар HTML маҳз HyperText — матн бо истинодҳо мебошанд.

Рӯйхати нуқтадор <ul>

<ul> (unordered list) — рӯйхате, ки тартибаш муҳим нест. Ҳар банд — <li> (list item):

<ul>
  <li>Нон</li>
  <li>Шир</li>
  <li>Себ</li>
</ul>

Натиҷа: се сатр, дар пеши ҳар кадом — нуқта-маркер.

Рӯйхати рақамдор <ol>

<ol> (ordered list) — вақте тартиб муҳим аст. Браузер рақамҳоро худаш мегузорад:

<ol>
  <li>Муҳаррирро кушо</li>
  <li>Код навис</li>
  <li>«Иҷро»-ро пахш кун</li>
</ol>

Натиҷа: «1. Муҳаррирро кушо», «2. Код навис», «3. «Иҷро»-ро пахш кун».

Атрибутҳои фоиданоки <ol>: start="5" — аз панҷ оғоз кардан, reversed — баръакс шумурдан, type="A" — бо ҳарфҳо рақамгузорӣ кардан.

Рӯйхатҳои дохилӣ

Банди рӯйхат метавонад рӯйхати дигар дошта бошад. Муҳим: <ul>-и дохилӣ дар дохили <li> аст, на байни бандҳо:

<ul>
  <li>Меваҳо
    <ul>
      <li>Себ</li>
      <li>Нок</li>
    </ul>
  </li>
  <li>Сабзавот</li>
</ul>

Натиҷа: «Меваҳо», дар зераш бо фосила — «Себ» ва «Нок» (бо маркери дигар), баъд «Сабзавот».

Атрибутҳо

Тегҳо атрибутҳо доранд — танзимоти иловагӣ. Онҳо дар теги кушоянда дар шакли ном="қимат" навишта мешаванд:

<ol start="3">...</ol>

Дар ин ҷо start — номи атрибут, "3" — қимат. Қимат ҳамеша дар нохунак аст.

Истинодҳо <a>

Истинод — теги <a> (anchor, лангар). Ба куҷо бурданро дар атрибути href менависанд:

<a href="https://tg.wikipedia.org">Википедиа</a>

Натиҷа: калимаи кабуди зерхатдори «Википедиа»; пахш кардан сайтро мекушояд.

Намудҳои суроға дар href:

Мисол	Ин чист
https://example.com	суроғаи мутлақ — сайти дигар пурра
/courses	аз решаи ҳамин сайт
about.html	нисбӣ — файли назди файли ҷорӣ
#contacts	лангар — ҷое дар ҳамин саҳифа
mailto:me@mail.tj	барномаи почтаро кушодан
tel:+992900000000	занг задан (дар телефон)

Барои дар ҷадвалчаи нав кушода шудани истинод, target="_blank" илова мекунанд:

<a href="https://example.com" target="_blank">Дар ҷадвалчаи нав кушода мешавад</a>

Лангарҳо

Лангар ба унсури дорои id-и лозимӣ дар ҳамин саҳифа мебарад — мисли мундариҷа:

<a href="#faq">Ба саволҳо гузаштан</a>
...
<h2 id="faq">Саволҳои маъмул</h2>

Натиҷа: бо пахш кардан саҳифа то сарлавҳаи «Саволҳои маъмул» мегардад. id бояд дар саҳифа ягона бошад — ду унсур бо як id буда наметавонанд.

Дар дохил чӣ тавр кор мекунад

Вақте ту истинодро пахш мекунӣ, браузер ба href нигоҳ мекунад. Агар ин суроғаи дигар бошад — саҳифаи навро бор мекунад. Агар суроға бо # оғоз шавад — унсури дорои ҳамин id-ро меҷӯяд ва то он мегардонад. Истинодро гирди ҳар чиз печондан мумкин аст, ҳатто гирди сарлавҳа ё расм.

Хатоҳои маъмул

1. <li> бе рӯйхат. Бандҳо бояд дар дохили <ul> ё <ol> бошанд.
2. Рӯйхати дохилӣ байни бандҳо. </li><ul>…</ul><li> — нодуруст. Ба дохили <li> гузор.
3. Суроға бе https://. href="google.com"-ро браузер чун файли назди саҳифаи ҷорӣ мефаҳмад. Барои сайти беруна суроғаи пурра навис.
4. Лангар бе панҷара. href="contacts" — ин файл аст, на ҷой дар саҳифа. href="#contacts" лозим аст.
5. Истиноди «ин ҷоро пахш кунед». Матни истинод бояд гӯяд, ки ба куҷо мебарад: «Нархномаро зеркашӣ кун», на «ин ҷо».

Ёддошт

Код	Чӣ кор мекунад
<ul><li>…</li></ul>	рӯйхати нуқтадор
<ol><li>…</li></ol>	рӯйхати рақамдор (start, reversed, type)
<li>…<ul>…</ul></li>	рӯйхати дохилӣ
<a href="суроға">матн</a>	истинод
target="_blank"	дар ҷадвалчаи нав кушодан
href="#id" + id="id"	лангар дар ҳамин саҳифа