HTML деген эмне? Тарыхы, талдоо жана DOM

Вебде көргөнүңүздүн дээрлик баары, анын ичинде ушул барак да, HTML менен жазылган. HTML (HyperText Markup Language) программалоо тили эмес, документтин түзүлүшүн сүрөттөгөн белгилөө тили: бул аталыш, бул абзац, бул шилтеме, бул таблица. HTML сайттар үчүн гана эмес. Ал email шаблондорунда, жардам документтеринде, экспорттолгон отчеттордо жана «веб-барак катары сакталган» документтерде кездешет. Бул макалада HTML'дин тарыхы, браузер аны кантип окуп, экранга тартары, көп кездешкен көйгөйлөр жана HTML файлдарын Word'го же PDF'ке конвертациялоодо эмнени эске алуу керектиги каралат.

HTML деген эмне?

HTML мазмунду тегдер менен белгилеген жөнөкөй тексттик тил. Тегдер бурчтуу кашаалардын ичинде жазылат жана алардын көбү ачуучу жана жабуучу тег менен элемент түзөт:

<!DOCTYPE html>
<html lang="ky">
  <head>
    <meta charset="utf-8">
    <title>Үлгү барак</title>
  </head>
  <body>
    <h1>Салам</h1>
    <p>Бул абзацта <a href="https://example.com">шилтеме</a> бар.</p>
  </body>
</html>

<head> бөлүмү барак тууралуу маалыматты (белги коддоосу, аталыш, стилдер таблицалары) камтыйт, ал эми <body> көрүнгөн мазмунду сактайт. Көрүнүш CSS менен, жүрүм-турум JavaScript менен кошулат. Бул бөлүштүрүүдө HTML мазмун эмне экенин, CSS ал кандай көрүнөрүн, JavaScript болсо эмне кыларын сүрөттөйт.

Кыскача тарых

HTML Тим Бернерс-Ли 1989-жылы CERN'де сунуштаган World Wide Web долбоорунун бир бөлүгү катары жаралган. Анын биринчи браузери 1990-жылы NeXT компьютеринде иштеген. Тилдин алгачкы версиялары расмий стандарттан көрө CERN'де документтештирилген тегдердин тизмеси болгон. Андан берки негизги этаптар:

• 1995-жылдын ноябры, HTML 2.0: Тим Бернерс-Ли менен Дэн Коннолли жазган RFC 1866 HTML'ди биринчи жолу расмий стандарт катары аныктаган.
• 1997-жылдын январы, HTML 3.2: W3C тармактар аралык спецификация катары расмий колдогон версия.
• 1999-жылдын 24-декабры, HTML 4.01: көп жылдар бою вебдин негизги спецификациясы бойдон калган; W3C 2018-жылдын 27-мартында аны расмий түрдө алмаштырылган деп белгилеген.
• 2014-жылдын 28-октябры, HTML5: W3C HTML5ти Сунуш (Recommendation) катары жарыялаган. Аны менен бирге видео, аудио, маанилик бөлүм элементтери жана так аныкталган талдоо алгоритми стандартташтырылган.
• 2019-жылдын 28-майы, бирдиктүү стандарт: W3C жана браузер өндүрүүчүлөрү түзгөн WHATWG коомчулугу өз ара түшүнүшүү меморандумуна кол коюшкан. Ага ылайык, HTML жана DOM негизинен WHATWG'де версиясыз «Living Standard» (жандуу стандарт) катары өнүктүрүлөт.

Ошентип бүгүн «HTML5» иш жүзүндө «учурдагы HTML» дегенди билдирет; расмий спецификация үзгүлтүксүз жаңыртылып турган HTML Living Standard.

Канчалык кеңири таралган? W3Techs'тин 2026-жылдын 15-октябрындагы статистикасы боюнча, белгилөө тили белгилүү болгон веб-сайттардын 97,8%ы HTML колдонот. Ошол эле булак белги коддоосу белгилүү болгон веб-сайттардын 99,1%ы UTF-8 колдонорун билдирет.

Браузер HTML'ди кантип иштетет?

HTML'ди башка документ форматтарынан айырмалап турган нерсе: жаман жазылган документтер да ар бир браузерде бирдей чечмеленет. HTML Living Standard бул үчүн деталдуу талдоо моделин аныктайт:

1. Коддоону аныктоо: браузер адегенде келген байттарды белгилерге айландырышы керек. Ал ирети менен BOM'ду, сервердин HTTP баш бөлүгүндө жарыяланган коддоону жана документтин алгачкы 1024 байтындагы <meta charset> жарыясын текшерет; эч бири табылбаса, негиздүү божомол жасайт.
2. Токендерге бөлүү: абал машинасы текстти баштоочу тегдер, аяктоочу тегдер, комментарийлер, DOCTYPE'тар жана белгилер сыяктуу токендерге бөлөт.
3. Даракты куруу: токендер «in body» же «in table» сыяктуу кыстаруу режимдерине ылайык иштетилет. Талдоочу ачык элементтердин стегин кармап, туура эмес уяланган тегдерди аныкталган эрежелер боюнча оңдойт.
4. DOM: натыйжада Document Object Model (DOM) деп аталган объекттер дарагы пайда болот. CSS ошол даракка колдонулат, ал эми JavaScript аны окуп, өзгөртөт.

Спецификацияда талдоо каталарын иштетүү так аныкталганы ачык айтылат. Мисалы, <div/> деп жазсаңыз, HTML аягындагы жантык сызыкты эске албайт, ошондуктан андан кийинки элементтер ошол div'дин ичине түшөт. Жабылбаган <p> кийинки блок элементи келгенде автоматтык түрдө жабылат. Сансыз кемчиликтүү барактарга карабай вебдин иштешин камсыз кылган ушул кечиримдүүлүк, бирок бул ошондой эле HTML'ди документ форматына конвертациялаган ар бир курал ушул эле эрежелерди аткарышы керек дегенди билдирет.

HTML кайда колдонулат?

• Веб-сайттар жана веб-тиркемелер: ар бир веб-барактын скелети.
• Email: форматталган каттар жана маалымат бюллетендери HTML менен жазылат.
• Документация: жардам барактары, программалык документтер жана Markdown'дон түзүлгөн сайттар.
• Электрондук китептер: EPUB форматы мазмунду XHTML документтери катары пакеттейт.
• Отчеттор жана экспорттор: көптөгөн тиркемелер отчетторду HTML түрүндө чыгарат, Word'дун «Веб-барак катары сактоо» натыйжасы да HTML.

Күчтүү жана алсыз жактары

HTML'ди кайсы программалар ачат?

Chrome, Firefox, Safari жана Edge баштаган ар бир браузер HTML'ди көрсөтөт. Булак кодун түзөтүү үчүн Visual Studio Code сыяктуу код редактору же каалаган текст редактору жетиштүү. Microsoft Word жана LibreOffice Writer HTML файлдарын ачып, аларды документ катары түзөтө алат, бирок татаал CSS макеттери ал жерде жөнөкөйлөтүлөт.

Көп кездешкен көйгөйлөр жана аларды чечүү

Атайын белгилер бузулуп көрүнөт

Барактын коддоосу жок же туура эмес. <head>'дин башына жакын <meta charset="utf-8"> кошуп, файл чындап эле UTF-8 катары сакталганын текшериңиз. Сервер башка коддоону жарыяласа, HTTP баш бөлүгүн да оңдоңуз.

Сакталган баракта сүрөттөр же стилдер жок

HTML файлдары сүрөттөрдү жана CSS'ти көбүнчө өзүнчө файлдардан же интернеттеги даректерден алат. .html файлын гана көчүрсөңүз, ал шилтемелер үзүлөт. Браузериңиздин «Веб-барак, толугу менен» сактоо параметрин колдонуңуз же сүрөттөрдү документке камтыңыз.

Барак басып чыгарганда бузулат

Экрандар үчүн иштелип чыккан макеттер кагазга батпай калышы мүмкүн. CSS'те @media print эрежелерин аныктоо жана @page менен кагаз өлчөмүн жана четтерди коюу басылган натыйжаны кыйла жакшыртат.

HTML файлдарды конвертациялоо боюнча кеңештер

Биздин конвертерде HTML файлдары биздин серверге жүктөлүп, 30 мүнөттүн ичинде өчүрүлөт. Файл окулганда коддоо адегенде BOM'дон, андан кийин <meta charset> жарыясынан, андан кийин мазмундун өзүнөн аныкталат; UTF-8 болбогон эски түркчө барактар Windows-1254 катары окулат. Документтин <body> мазмуну жана барактын <style> блогу сакталат, ал эми <body> теги жок HTML үзүндүлөрү ошол бойдон иштетилет.

• HTML'ден PDF'ке конвертациялоо браузер кыймылдаткычында аткарылат: басып чыгаруу CSS'и колдонулат, @page менен аныкталган барак өлчөмү сакталат (болбосо A4), фон түстөрү басылат. Коопсуздук үчүн JavaScript аткарылбайт жана интернеттеги сүрөттөр, шрифттер же стилдер таблицалары жүктөлбөйт; документке камтылган ресурстар (data: URI) гана колдонулат. Натыйжада сүрөттөр болушун кааласаңыз, аларды HTML'ге камтыңыз.
• HTML'ден Word'го конвертациялоо аталыштарды, тизмелерди, таблицаларды, тегиздөөнү жана камтылган сүрөттөрдү DOCX'ке өткөрүү үчүн LibreOffice колдонот. Татаал CSS макеттеринин (flex, grid) Word'до баламасы жок жана алар жөнөкөйлөтүлөт.
• HTML'ден Markdown'го конвертациялоо веб-баракты же жардам макаласын документация репозиторийине көчүрүү үчүн идеалдуу: аталыштар, басым, тизмелер, таблицалар, шилтемелер жана код блоктору сакталат, ал эми стиль маалыматы алынып салынат.
• Тескери багытта Word'дон HTML'ге конвертациялоо сүрөттөрдү файлдын ичине камтып, белги коддоосу жарыяланган бир өз алдынча HTML документин түзөт, ошондуктан атайын белгилер браузерде туура көрсөтүлөт.

Көп берилүүчү суроолор

HTML программалоо тилиби?

Жок. HTML белгилөө тили: ал мазмундун түзүлүшүн сүрөттөйт, бирок анда циклдер, шарттар же эсептөөлөр жок. Баракка жүрүм-турум кошуу үчүн JavaScript колдонулат.

HTML5 менен HTML'дин айырмасы эмнеде?

HTML5 2014-жылы W3C Сунушу болгон негизги версиянын аты. 2019-жылдан бери HTML WHATWG'де версия номерлерисиз «HTML Living Standard» катары өнүктүрүлөт. Иш жүзүндө бүгүн HTML5 менен HTML бир эле нерсени билдирет.

HTML файлын кантип ачса болот?

Аны эки жолу чыкылдатсаңыз, демейки браузериңизде ачылат. Булак кодун көрүү үчүн файлды текст редакторунда ачыңыз же браузериңиздин «Барактын булак кодун көрүү» параметрин колдонуңуз.

HTML'ди PDF'ке конвертациялаганда эмне үчүн сүрөттөр жок?

Сүрөттөр интернет дарегинен жүктөлсө, биздин конвертер коопсуздук үчүн аларды жүктөбөйт. Сүрөттөрдү HTML'ге data: URI катары камтыңыз же документти адегенде Word'го конвертациялап, сүрөттөрдү ошол жерде кошуңуз.

HTML файлын ачуу коопсузбу?

HTML JavaScript камтышы мүмкүн, ошондуктан белгисиз булактан келген файлдардан этият болуңуз. Email тиркемеси катары келип, сырсөз сураган HTML барактары кеңири таралган фишинг ыкмасы.

Булактар

• WHATWG: HTML Living Standard, Parsing HTML documents
• W3C жана WHATWG өз ара түшүнүшүү меморандуму (28-май, 2019)
• W3C пресс-релизи: HTML5 Recommendation (28-октябрь, 2014)
• W3C: HTML 4.01 Specification
• IETF RFC 1866: Hypertext Markup Language - 2.0
• Dave Raggett: A history of HTML
• W3Techs: Usage statistics of markup languages for websites