HTML nədir? Tarixi, təhlil prosesi və DOM

Vebdə gördüyünüz demək olar ki, hər şey, o cümlədən bu səhifə, HTML ilə yazılıb. HTML (HyperText Markup Language) proqramlaşdırma dili deyil, sənədin quruluşunu təsvir edən işarələmə dilidir: bu başlıqdır, bu abzasdır, bu keçiddir, bu cədvəldir. HTML yalnız saytlar üçün deyil. O, e-poçt şablonlarında, kömək sənədlərində, ixrac olunmuş hesabatlarda və "veb səhifə kimi saxlanmış" sənədlərdə də qarşımıza çıxır. Bu məqalədə HTML-in tarixi, brauzerin onu necə oxuyub ekrana çəkdiyi, tez-tez rast gəlinən problemlər və HTML fayllarını Word-ə və ya PDF-ə çevirərkən nələri nəzərə almaq lazım olduğu izah edilir.

HTML nədir?

HTML məzmunu teqlərlə işarələyən sadə mətn dilidir. Teqlər bucaq mötərizələri arasında yazılır və onların çoxu açılış və bağlanış teqi ilə element yaradır:

<!DOCTYPE html>
<html lang="az">
  <head>
    <meta charset="utf-8">
    <title>Nümunə səhifə</title>
  </head>
  <body>
    <h1>Salam</h1>
    <p>Bu abzasda <a href="https://example.com">keçid</a> var.</p>
  </body>
</html>

<head> bölməsi səhifə haqqında məlumatı (simvol kodlaşdırması, başlıq, üslub cədvəlləri) daşıyır, <body> isə görünən məzmunu saxlayır. Görünüş CSS ilə, davranış isə JavaScript ilə əlavə olunur. Bu bölgüdə HTML məzmunun nə olduğunu, CSS onun necə göründüyünü, JavaScript isə nə etdiyini təsvir edir.

Qısa tarixçə

HTML Tim Berners-Lee-nin 1989-cu ildə CERN-də təklif etdiyi World Wide Web layihəsinin bir hissəsi kimi yarandı. Onun ilk brauzeri 1990-cı ildə NeXT kompüterində işləyirdi. Dilin ilk versiyaları rəsmi standartdan çox CERN-də sənədləşdirilmiş teqlər siyahısı idi. O vaxtdan bəri əsas mərhələlər:

• Noyabr 1995, HTML 2.0: Tim Berners-Lee və Dan Connolly-nin yazdığı RFC 1866 HTML-i ilk dəfə rəsmi standart kimi təyin etdi.
• Yanvar 1997, HTML 3.2: W3C-nin sahələrarası spesifikasiya kimi rəsmən təsdiqlədiyi versiya.
• 24 dekabr 1999, HTML 4.01: illər boyu vebin əsas spesifikasiyası olaraq qaldı; W3C onu 27 mart 2018-ci ildə rəsmən köhnəlmiş elan etdi.
• 28 oktyabr 2014, HTML5: W3C HTML5-i Tövsiyə (Recommendation) kimi dərc etdi. Video, audio, semantik bölmə elementləri və dəqiq müəyyən edilmiş təhlil alqoritmi onunla birlikdə standartlaşdırıldı.
• 28 may 2019, vahid standart: W3C və brauzer istehsalçılarının yaratdığı WHATWG icması anlaşma memorandumu imzaladı. Ona əsasən HTML və DOM əsasən WHATWG-də versiyasız "Living Standard" (canlı standart) kimi inkişaf etdirilir.

Beləliklə, bu gün "HTML5" faktiki olaraq "hazırkı HTML" deməkdir; rəsmi spesifikasiya daim yenilənən HTML Living Standard-dır.

Nə qədər geniş yayılıb? W3Techs-in 15 oktyabr 2026-cı il tarixli statistikasına görə, işarələmə dili məlum olan veb saytların 97,8%-i HTML istifadə edir. Eyni mənbə bildirir ki, simvol kodlaşdırması məlum olan saytların 99,1%-i UTF-8 istifadə edir.

Brauzer HTML-i necə emal edir?

HTML-i digər sənəd formatlarından fərqləndirən odur ki, hətta pis yazılmış sənədlər də hər brauzerdə eyni cür şərh olunur. HTML Living Standard bunun üçün ətraflı təhlil modeli müəyyən edir:

1. Kodlaşdırmanın müəyyən edilməsi: brauzer əvvəlcə gələn baytları simvollara çevirməlidir. O, ardıcıllıqla BOM-u, serverin HTTP başlığında elan olunmuş kodlaşdırmanı və sənədin ilk 1024 baytındakı <meta charset> elanını yoxlayır; heç biri tapılmazsa, əsaslandırılmış təxmin edir.
2. Tokenləşdirmə: vəziyyət maşını mətni açılış teqləri, bağlanış teqləri, şərhlər, DOCTYPE-lar və simvollar kimi tokenlərə bölür.
3. Ağacın qurulması: tokenlər "in body" və ya "in table" kimi daxil etmə rejimlərinə uyğun emal olunur. Təhlilçi açıq elementlərin yığınını saxlayır və səhv iç-içə yerləşdirilmiş teqləri müəyyən qaydalara görə düzəldir.
4. DOM: nəticə Document Object Model (DOM) adlanan obyektlər ağacıdır. CSS bu ağaca tətbiq olunur, JavaScript isə onu oxuyur və dəyişir.

Spesifikasiya açıq şəkildə bildirir ki, təhlil xətalarının emalı dəqiq müəyyən edilib. Məsələn, <div/> yazsanız, HTML sondakı əyri xətti nəzərə almır, ona görə də sonrakı elementlər həmin div-in içinə düşür. Bağlanmamış <p> növbəti blok element gələndə avtomatik bağlanır. Bu tolerantlıq saysız-hesabsız qüsurlu səhifəyə baxmayaraq vebin işləməsini təmin edir, lakin bu həm də o deməkdir ki, HTML-i sənəd formatına çevirən hər alət eyni qaydalara əməl etməlidir.

HTML harada istifadə olunur?

• Saytlar və veb tətbiqlər: hər veb səhifənin skeleti.
• E-poçt: formatlı məktublar və bülletenlər HTML ilə yazılır.
• Sənədləşmə: kömək səhifələri, proqram sənədləri və Markdown-dan yaradılan saytlar.
• Elektron kitablar: EPUB formatı məzmunu XHTML sənədləri kimi paketləyir.
• Hesabatlar və ixraclar: bir çox proqram hesabatları HTML kimi yaradır, Word-ün "Veb səhifə kimi saxla" nəticəsi də HTML-dir.

Güclü və zəif tərəfləri

HTML-i hansı proqramlar açır?

Chrome, Firefox, Safari və Edge daxil olmaqla hər brauzer HTML-i göstərir. Mənbəni redaktə etmək üçün Visual Studio Code kimi kod redaktoru və ya istənilən mətn redaktoru kifayətdir. Microsoft Word və LibreOffice Writer HTML fayllarını açıb sənəd kimi redaktə edə bilir, lakin mürəkkəb CSS tərtibatları orada sadələşdirilir.

Tez-tez rast gəlinən problemlər və həlləri

Xüsusi simvollar pozulmuş görünür

Səhifənin kodlaşdırması göstərilməyib və ya səhvdir. <head> bölməsinin yuxarısına <meta charset="utf-8"> əlavə edin və faylın həqiqətən UTF-8 kimi saxlandığına əmin olun. Server fərqli kodlaşdırma elan edirsə, HTTP başlığını da düzəldin.

Saxlanmış səhifədə şəkillər və ya üslublar yoxdur

HTML faylları şəkilləri və CSS-i çox vaxt ayrı fayllardan və ya internetdəki ünvanlardan götürür. Yalnız .html faylını köçürsəniz, bu keçidlər qırılır. Brauzerinizin "Veb səhifə, tam" saxlama seçimindən istifadə edin və ya şəkilləri sənədə daxil edin.

Səhifə çap olunanda pozulur

Ekran üçün hazırlanmış tərtibatlar kağıza sığmaya bilər. CSS-də @media print qaydaları təyin etmək və @page ilə kağız ölçüsünü və kənar boşluqları göstərmək çap nəticəsini xeyli yaxşılaşdırır.

HTML fayllarını çevirmək üçün tövsiyələr

Bizim çeviricidə HTML faylları serverimizə yüklənir və 30 dəqiqə ərzində silinir. Fayl oxunarkən kodlaşdırma əvvəlcə BOM-dan, sonra <meta charset> elanından, sonra isə məzmunun özündən müəyyən edilir; UTF-8 olmayan köhnə səhifələr türk kod səhifəsi Windows-1254 kimi oxunur. Sənədin <body> məzmunu və səhifənin <style> bloku saxlanılır, <body> teqi olmayan HTML parçaları isə olduğu kimi emal olunur.

• HTML-dən PDF-ə çevirmə brauzer mühərrikində işləyir: çap CSS-i tətbiq olunur, @page ilə təyin edilmiş səhifə ölçüsünə əməl olunur (əks halda A4), fon rəngləri çap olunur. Təhlükəsizlik üçün JavaScript icra olunmur və internetdəki şəkillər, şriftlər və ya üslub cədvəlləri yüklənmir; yalnız sənədə daxil edilmiş resurslardan (data: URI) istifadə olunur. Nəticədə şəkillərin olmasını istəyirsinizsə, onları HTML-ə daxil edin.
• HTML-dən Word-ə çevirmə başlıqları, siyahıları, cədvəlləri, düzləndirməni və daxil edilmiş şəkilləri DOCX-ə köçürmək üçün LibreOffice-dən istifadə edir. Mürəkkəb CSS tərtibatlarının (flex, grid) Word-də qarşılığı yoxdur və onlar sadələşdirilir.
• HTML-dən Markdown-a çevirmə veb səhifəni və ya kömək məqaləsini sənədləşmə repozitoriyasına köçürmək üçün idealdır: başlıqlar, vurğular, siyahılar, cədvəllər, keçidlər və kod blokları saxlanılır, üslub məlumatı isə atılır.
• Əks istiqamətdə Word-dən HTML-ə çevirmə şəkilləri faylın içinə yerləşdirir və simvol kodlaşdırması elan olunmuş tək, müstəqil HTML sənədi yaradır, beləliklə diakritik hərflər brauzerdə düzgün görünür.

Tez-tez verilən suallar

HTML proqramlaşdırma dilidirmi?

Xeyr. HTML işarələmə dilidir: o, məzmunun quruluşunu təsvir edir, lakin onda dövrlər, şərtlər və ya hesablamalar yoxdur. Səhifəyə davranış əlavə etmək üçün JavaScript istifadə olunur.

HTML5 ilə HTML arasında fərq nədir?

HTML5 2014-cü ildə W3C Tövsiyəsi olmuş əsas versiyanın adıdır. 2019-cu ildən HTML WHATWG-də versiya nömrəsi olmadan "HTML Living Standard" kimi inkişaf etdirilir. Praktikada bu gün HTML5 və HTML eyni şeyi bildirir.

HTML faylını necə açım?

Üzərinə iki dəfə klikləyin, o, standart brauzerinizdə açılacaq. Mənbə kodunu görmək üçün faylı mətn redaktorunda açın və ya brauzerinizin "Səhifənin mənbəyinə bax" seçimindən istifadə edin.

HTML-i PDF-ə çevirəndə şəkillər niyə itir?

Şəkillər internet ünvanından yüklənirsə, çeviricimiz təhlükəsizlik səbəbindən onları yükləmir. Şəkilləri HTML-ə data: URI kimi daxil edin və ya sənədi əvvəlcə Word-ə çevirib şəkilləri orada əlavə edin.

HTML faylını açmaq təhlükəsizdirmi?

HTML JavaScript ehtiva edə bilər, ona görə də naməlum mənbələrdən gələn fayllara qarşı ehtiyatlı olun. E-poçt qoşması kimi gələn və parol istəyən HTML səhifələri geniş yayılmış fişinq üsuludur.

Mənbələr

• WHATWG: HTML Living Standard, Parsing HTML documents
• W3C və WHATWG anlaşma memorandumu (28 may 2019)
• W3C press-relizi: HTML5 Recommendation (28 oktyabr 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