د دې دوو شرایطو ترمنځ توپیر شته
د ویب ډیزاین، لکه د هر صنعت یا مسلک په څیر، ژبه یو څه لري. لکه څنګه چې تاسو صنعت ته ننوتئ او خپلو همکارانو سره خبرې پیل کړئ، بې له شکه به تاسو ته د شرایطو او بیلو بیلو بڼو ته ادامه ورکړئ، مګر ستاسو د ساینسي ویب مسلکي مسلکانو ژبې جریان. تاسو به اوریدلو دوه اصطلاحات HTML "tag" او "عنصر" وي.
لکه څنګه چې تاسو دغه دوه اصطالحات واورئ، تاسو ممکن پوه شئ چې دوی په څه ډول د تبادلې وړ کارول کیږي. لکه څنګه چې، د یوې پوښتنې په توګه د ډیری ویب ساینس مسلکي کاروونکي کله چې د HTML code سره کار پیل کوي کله چې "د HTML Tag او HTML HTML عنصر ترمنځ توپیر دی؟"
پداسې حال کې چې دا دوه اصطالحات په معنی دي، دوی په واقعیت کې نه دي. نو د دې دوو شرایطو سره ورته ورته والی څه دی؟ لنډ ځواب دا دی چې دواړه لیکو او عناصر مارکټ ته اشاره کوي چې د HTML لیکلو لپاره کارول کیږي. د مثال په توګه، تاسو شاید ووایاست چې تاسو د پراګراف یا د لینک جوړولو لپاره عنصر تعریفولو لپاره د <ټ> کارولو کاروئ. ډیری خلک د شرایطو لیکې او عنصر په متقابله توګه کاروي، او هر هغه ویب ډیزاینر یا جوړونکي چې تاسو یې ورسره خبرې کوئ، پوه شئ چې تاسو څه معنا درلوده، مګر واقعیت دا دی چې د دواړو شرایطو ترمنځ یو څه توپیر شتون لري.
ایچ ٹی ایل ټيګ
HTML د مارکپټ ژبه ده ، دا پدې مانا ده چې دا د کوډونو سره لیکل کیږي چې کولی شي د یو چا لخوا لوستل شي پرته له دې چې اړتیا ورته ولګول شي. په بل عبارت، د یوې ویب پاڼې متن د دې کوډونو سره "نښه شوی" دی ترڅو د ویب براؤزر لارښوونې وړاندې کړي چې متن څنګه وښيي. دا مارکپ ټګونه پخپله ایچ ٹی ایم ایل ټګ دي.
کله چې تاسو HTML ولیکئ، نو تاسو HTML ټکي لیکئ. ټول ایچ ٹی ایم ایل ټګ د ځانګړو برخو څخه جوړ شوي دي، په شمول:
- A لږ تر لږه <
- یوه کلمه یا کرکیله چې معلومه کوي کومه لیکه لیکل کیږي
- د اختیاري HTML ځانګړتیاو هر ډول د نوم = "ارزښت" جوړه بڼه کې
- او په پاى کې د لوړې کچې څخه زيات
د مثال په توګه، دلته ځینې HTML ټکي دي:
-
-
دا ټولې HTML د پرانستې ټګۍ دي، پرته له کوم اختیاري ځانګړتیاوو سره یې اضافه شوي. دا ټګونه وړاندیز کوي:
- یو پراګراف تعریفوي.
- - پاڼه د HTML په توګه تعریفوي
- د ویش ټاکنه.
لاندې HTML ټکي هم دي:
-
په دغو مثالونو کې هغه ځانګړتیاوې شاملې دي کوم چې د افتتاح HTML ٹیګونو کې اضافه شوي دي.
-
- یو بې ترتیب شوي لیست دی چې د ID ID ځانګړتیاوې لري
- ویش یوه طبقه ده
- لمر یا لنکس، عنصر په "href" خاصیت کې شامل دي
- د "src" خصوصیت سره د انځور لیګ
د لنگر او انځور لیکونو لپاره، خاصیتونه په حقیقت کې اختیاري نه دي، دا د هغو ټګ لپاره اړین دي چې سمه توګه ښکاره کړي. تاسو باید د هغه لینک چیرته چېرې لاړ شي (هغه څه دي چې "href" یې لري) او هغه څه چې انځور ښودل کیږي (هغه څه دي چې "د" src "خصوصیت وړاندې کوي).
HTML عناصر کوم دي؟
د W3C HTML تایید سره سم، یو عنصر د ایچ ٹی ایم ایل اساسي ودانۍ ده او په عموما د دوو ټګونو جوړیدل: یو پرانيستی لیګ او تړل شوي ٹیګ. تر اوسه پورې موږ یوازې د پرانېستو پرانیستلو لیدلي، کوم چې عناصر پیلوي. د دې عنصر پای ته رسولو سره، تاسو اړوند تړل شوي ټګګونه ولیکئ.
د مثال په توګه، د پراګراف عنصر لپاره تاسو دا لیکلی:
دا د پرانېستی لیګ څخه جوړه شوې ده چې موږ یې یو ساعت دمخه او همداراز تړل شوي ٹیګ ولید. تړل شوي ټګونه په ریښتیا یوازې د پرانيستې لیګ تکرار دي، مګر د "مخکیني سلیش" سره سم "د سمبول څخه کم" وروسته په کې شامل شوي.
تقریبا ټول ایچ ٹی ایم عناصر د پرانستې ٹیګ او تړل شوي ٹیګ لري. دا ټګونه هغه متن ته نژدې کوي چې په ویب پاڼې کې ښودل کیږي. د بېلګې په توګه، د متن پراګراف وليکئ، تاسو متن په ليکلو کې وليکئ او بيا يې د دې ټګيو سره يوځای کړئ:
دا په هغه ځای کې چې تاسو به د پراګراف متن ولیکئ چې تاسو غواړئ په ویب پاڼې کې ښودل شوي.
ځینې HTML عناصر د تړلو ٹیګ نلري. دا د "خالي عناصر" په نامه یادېږي. ځینې وختونه، دوی د " singleton " یا "باطل" عناصر په نامه هم یادیږي. خالي عناصر د کارولو لپاره اسانه دي ځکه چې یوازې تاسو باید په خپل ویب پاڼې کې یو ټیوب ولرئ او براؤزر به پوه شي چې څه وکړي. د بېلګې په توګه، د خپل پاڼې لپاره یو لینکس وقفولو لپاره تاسو به د ب - ټګ کاروئ.
یو بل عام عنصر چې یوازې د افتتاح کولو ٹیګ پکې شامل دی د "انځور" عنصر دی. د مثال په توګه:
موږ دا مثال مخکې مخکې ولید، مګر د دې عکس عنصر لپاره تړل شوي ٹیګ شتون نلري. لټونګر به په ساده ډول دا کوډ د هغه انځور سره بدل کړي چې د "href" خاصیت کې اشاره شوی. په دې حالت کې، دا به "logo logo.png" وي.
په عموم کې، کله چې زه د HTML عنصر یا ټګ ته مراجعه کوم، زه به د "عنصر" اصطالح وکاروم چې دا معلومه کړي چې زه د عنصر ټولې برخې) د پرانیستلو او بندولو دواړو دواړو (ته اشاره کوم. زه "ټګ" کاروم، زه واقعیا یوازې یو یا بل ته اشاره کوم. دا د دې دوو شرایطو سمه ګټه ده، او زه تاسو ته هڅول غواړم چې په سمه توګه کار واخلئ - مګر یوازې په دې پوهیږئ که تاسو فلیپ کړئ او دوی یې بدل کړئ، نو تاسو به لا هم ستاسو د نوي ویب پراختیایي ملګرو لخوا پوه شئ!
اصلي جینفر جینیفر کرینین. په 7/21/17 نېټه د جیریمي Girard لخوا تصویب شوی