وانەی 12 لە 67

وانەی ١٢: لینکی بازدان بە id

ناوەڕۆکی ئەم وانەیە بەشی ١: ناوێک بدە بە بەشێک بە id بەشی ٢: لینک بکە بۆ id بەشی ٣: گەڕانەوە بۆ سەرەوە

بەشی ١: ناوێک بدە بە بەشێک بە id

لەسەر لاپەڕەیەکی درێژ، یارمەتیدەرە ڕاستەوخۆ بازبدەیت بۆ بەشێک. سەرەتا ناوێک دەدەین بە بەشەکە. ئەوە بە تایبەتمەند(Attribute)ـی id دەکەین.
<h2 id="green-tea">چای سەوز</h2>

id ناوێکی تایبەتە(unique) بۆ یەک توخم(element) لەسەر لاپەڕەکە، واتا ناکرێت هیچ توخم(element)ێکی تر هەمان id هەبێت، نمونە تەنها یەک توخمدەتوانێت id="green-tea" هەبێت، ناتوانی "green-tea" بۆ idێکتر دەبنێت. وەک چۆن دەرگای هەرماڵێك ژمارەیەکی هەیە و ناکرێت ماڵێکی تر هەمان ژمارەی هەبێت.

تێبینی: id بە پیتی بچووک و بەبێ بۆشایی بنووسە. لەنێوان وشەکان هێڵی ناوەڕاست (-) بەکاربهێنە: green-tea.

بەشی ٢: لینک بکە بۆ id

 ئێستا دەتوانین لینک بکەین بۆ ئەو ناوە. لە سەرەوەی لاپەڕەکە، لەژێر <h1>، لینکێک زیاد بکە. ناونیشانەکە هێمای هاش #ـە، و دوای ئەوە id.
<p><a href="#green-tea">بازبدە بۆ چای سەوز</a></p>

 کرتە لە لینکەکە بکە. لاپەڕەکە ڕاستەوخۆ سکرۆڵ دەکات بۆ بەشی چای سەوز.

بەشی ٣: گەڕانەوە بۆ سەرەوە

 با لینکێک زیاد بکەین کە دەمانباتەوە سەرەوە. id بدە بە <h1>:
<h1 id="top">ڕێبەری چا</h1>

و لە خوارەوەی لاپەڕەکە، لینکێک بۆی زیاد بکە:

<p><a href="#top">گەڕانەوە بۆ سەرەوە</a></p>

بۆ خوارەوە سکرۆڵ بکە، کرتە لە «گەڕانەوە بۆ سەرەوە» بکە، و پیشان بدە لاپەڕەکە چۆن بازدەدات بۆ سەرەوە.


هەڵەیەکی باو: لینکەکە و id جیاواز بکەیت، وەک href="#green" لەگەڵ id="green-tea". کاتێک کرتە دەکەیت هیچ ڕوو نادات. دەبێت هەردووکیان بە تەواوی وەک یەک بن.

هەڵەیەکی باو: هەمان id بدەیتە دوو توخم. هەر id دەبێت لەسەر لاپەڕەکە تایبەت بێت.
پوختە
  • تایبەتمەندی id ناوێکی تایبەت(unique) دەدات بە توخمێک(element) لەسەر لاپەڕەکە.
  • لینکێک بۆ #name بازدەدات بۆ ئەو توخمەی ئەو id یەی هەیە.
  • لینکەکە و id دەبێت بە تەواوی وەک یەک بن.
  • هەر id دەبێت تایبەت(unique) بێت.
ڕاهێنان

١. لینکێکی بازدان زیاد بکە بۆ بەشی چای گیایی، بە id ی تایبەت بە خۆی. 
٢. لینکی «گەڕانەوە بۆ سەرەوە» لەژێر هەر بەشێک زیاد بکە. 
٣. بە ئەنقەست یەک id بە هەڵە بنووسە، ببینە هیچ ڕوو نادات، و چاکی بکەرەوە.

نموونە

<!DOCTYPE html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8">
    <title>ڕێبەری چا</title>
  </head>
<body>
  <h1 id="top">ڕێبەری چا</h1>
  <p><a href="#green-tea">بازبدە بۆ چای سەوز</a></p>

  <h2>چای ڕەش</h2>
  <p>چای ڕەش تامێکی بەهێز و ڕەنگێکی تۆخی هەیە.</p>
  <p>زۆر کەس بەیانیان دەیخۆنەوە.</p>

  <h2 id="green-tea">چای سەوز</h2>
  <p>چای سەوز سووکترە و زۆرجار کەمێک تاڵە.</p>
  <p>لە سەرانسەری جیهاندا خۆشەویستە.</p>

  <h2>چای گیایی</h2>
  <p>چای گیایی لە گیا، گوڵ یان میوە دروست دەکرێت.</p>

  <p><a href="#top">گەڕانەوە بۆ سەرەوە</a></p>
</body>
</html>

چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.