HTML чист ва истифодаи он чист? Шарҳи мафҳумҳо бо мисолҳо

Мо ҳар рӯз ба сайтҳои зиёде ворид мешавем, ки ҳар кадоми онҳо барои мо бо ягон ҷиҳат ҷолибанд ва шояд моро ба ҳайрат биёранд, ки ин сайтҳо чӣ гуна сохта шудаанд? Агар чанд сол пеш ба ақиб баргардем ва ба аввалин сомонаҳои дар интернет нашршуда назар андозем, мебинем, ки саҳифаҳои онҳо ҳамагӣ аз чанд унсури оддӣ ва асосӣ иборат будаанд.

То имрӯз, технологияҳои гуногун барои ҷолиб кардани раванди тарроҳии веб таъсир карданд, аммо шумо бовар мекунед, ки агар гӯем, ки ҳамаи ин технологияҳо ба HTML оварда мерасонанд? Дар ин сафар ба мо ҳамроҳ шавед, то бидонед, ки HTML чист ва он барои чӣ истифода мешавад ва чӣ гуна он дар тӯли ин солҳо мавқеи худро дар ҷаҳони веб нигоҳ доштааст?

Таърихи HTML

HTML (HyperText Markup Language) яке аз забонҳои муҳим ва асосии веб мебошад, ки барои сохтани сохтори вебсаҳифаҳо истифода мешавад. Барои фаҳмидани сарчашмаҳои HTML, бояд ба соли 1991 баргардем, замоне ки Tim Berners-Lee, асосгузори веб, кори худро бо 18 тег (Tag) оғоз кард ва аввалин версияи HTML-ро тарроҳӣ намуд.

Оғоз ва рушди HTML

1991: Версияи аввалини HTML бо 18 тег асосан барои мубодилаи ҳуҷҷатҳо дар интернет истифода мешуд.

1995: HTML расман ҳамчун стандарти веб шинохта шуд. Ин версия бо номи HTML 2.0 аз ҷониби консорсиуми W3C муқаррар карда шуд.

1999: Воридшавии HTML 4.01, ки як пешрафти бузург буд. Ин версия имконоти бештар барои сохтор ва тарҳрезии вебсаҳифаҳоро фароҳам овард. Он барои муддати тӯлонӣ ҳамчун стандарти асосӣ истифода мешуд.

Инқилоби HTML бо HTML5

Дар соли 2014, HTML як таҳаввули бузургро бо воридшавии HTML5 аз сар гузаронд. HTML5 имконоти зиёдро барои вебтаҳиягарон фароҳам овард:

Иловаи теги видео ва аудио: Бе ниёз ба плагинҳо (масалан, Flash).

Канвас (Canvas): Барои расмкашӣ ва графикаҳои динамикӣ.

API-ҳои нав: Мисли Web Storage ва Geolocation.

Дастгирии беҳтари мутобиқшавӣ: Барои барномаҳо ва вебсайтҳои дастгоҳҳои мобилӣ.

Нақши HTML дар веби муосир

Имрӯз HTML дар маркази таҳияи веб қарор дорад ва бо дигар забонҳо, ба монанди CSS ва JavaScript, ҳамоҳангии комилро таъмин мекунад. Рушд ва такмили HTML бо ҳар версия мушкилоти қаблиро ҳал карда, таҷрибаи корбаронро беҳтар месозад.

Хулоса

Аз оғози одии худ то расидан ба HTML5, ин забон пайваста рушд кардааст, то ба таҳиягарон воситаҳои пешрафтаи тарроҳӣ ва рушди вебсайтҳои муосирро фароҳам орад.

То соли 2008, версияи HTML4 васеъ истифода мешуд ва дар маркази вебтаҳия қарор дошт. Аммо бо гузашти вақт, мушкилоти он, хусусан дар бахши мултимедиа ва графика, эҳсос мешуд. Барои ҳал кардани ин мушкилот, гурӯҳи WHATWG коркарди HTML-ро ба дасти худ гирифт ва стандартҳои онро такмил дод.

Дар соли 2014, HTML5 бо як навсозии муҳим рӯнамоӣ шуд. Ин версияи нав имконоти зиёдеро фароҳам овард ва таъсири мусбат ба таҷрибаи корбарон гузошт.

Фарқиятҳои HTML5 бо HTML4

Дастгирии мултимедиа:

HTML5 теги нави audio ва video-ро илова кард, ки бидуни ниёз ба плагинҳо монанди Flash, сабт ва намоиши аудио ва видео имконпазир гардид.

Графика ва аниматсия:

Бо иловаи теги canvas, таҳиягарон имконият пайдо карданд, ки графика ва аниматсияро мустақиман бо истифода аз JavaScript эҷод кунанд.

Сохтори беҳтар:

Тегҳои нав, монанди header, footer, article, ва section, ба вебсайтҳо сохтори муназзам бахшиданд. Истифодаи table дар қисми асосии вебсаҳифаҳо кам карда шуд.

Дастгирии веби мобилӣ:

HTML5 барои мутобиқшавии беҳтар бо экранҳои хурд ва дастгоҳҳои мобилӣ имконоти махсус пешниҳод кард.

API-ҳои нав:

HTML5 бо иловаи API-ҳои пешрафта, монанди Web Storage ва Geolocation, таҳиягаронро қавитар кард.

Тегҳо дар HTML чӣ ҳастанд?

HTML ба воситаи тегҳо (Tags) унсурҳои гуногунро ташкил мекунад ва онҳо барои сохтани сохтори вебсаҳифа истифода мешаванд. Ҳар тег вазифаҳои махсуси худро дорад ва ба браузер маълумот медиҳад, ки унсури алоқаманд чӣ гуна нишон дода шавад ё кор кунад.

Тег чист?

Тегҳо элементҳое мебошанд, ки:

Ба кор сар мекунанд: Бо истифода аз тегҳои кушодашавӣ (open tag) ба монанди p.

Ба кор анҷом медиҳанд: Бо истифода аз тегҳои пӯшидашавӣ (close tag) ба монанди p.

Масалан:

Барои эҷоди як параграф:

p Ин як параграф аст. p

Барои эҷоди пайванд (ссылка):

a href="https:example.com" Ин пайванд аст a

Тег a: Барои эҷоди пайванд истифода мешавад.

Атрибут href: Суроғаи пайвандро нишон медиҳад.

Функсияҳои асосии тегҳо

Сохтани матн:

Тегҳо мисли p, h1 то h6 барои параграфҳо ва сарлавҳаҳо истифода мешаванд.

Ташкили рӯйхатҳо:

Рӯйхати рақамгузорӣ (Ordered List):

ol

li Унсури 1 li

li Унсури 2 li

ol

Рӯйхати нуқтагӣ (Unordered List):

ul

li Унсури 1 li

li Унсури 2 li

ul

Иловаи мултимедиа:

Барои тасвирҳо: img

Барои видеоҳо: video

Барои садо: audio

Пайваст кардани саҳифаҳо:

Бо a саҳифаҳо ва манбаъҳои гуногун пайваст карда мешаванд.

Ороиш ва тартибдиҳӣ:

Тегҳои div ва span барои гурӯҳбандӣ ва идоракунии унсурҳо истифода мешаванд.