HTML faylı nədir?

HTML (Hyper Text Markup Language) brauzerlərdə nümayiş etdirmək üçün yaradılmış veb səhifələr üçün genişlənmədir. Veb dili kimi tanınan HTML, veb səhifələrin bir hissəsi kimi nümayiş etdiriləcək yeni məlumat tələblərinin tələbləri ilə inkişaf etmişdir. Ən son variant HTML 5 kimi tanınır və dillə işləmək üçün çox rahatlıq verir. HTML səhifələri ya onların yerləşdirildiyi serverdən alınır, ya da yerli sistemdən də yüklənə bilər. Hər bir HTML səhifəsi formalar, mətn, şəkillər, animasiyalar, keçidlər və s. kimi HTML elementlərindən ibarətdir. Bu elementlər hər bir teqin başlanğıcı və sonu olan teqlər və bir neçə başqaları ilə təmsil olunur. O, həmçinin ümumi tərtibat üçün JavaScript və Stil vərəqləri (CSS) kimi skript dillərində yazılmış proqramları yerləşdirə bilər.

Qısa tarix

Since its inception and first role out, the HTML specifications have been maintained by World Wide Web Consortium (W3C) since 1996. 2000-ci ildə o, həm də beynəlxalq standarta çevrildi (ISO/IEC 15445:2000). 1999-cu ildə HTML 4.01 nəşr olundu. 2004-cü ildə Veb Hipermətn Tətbiqi Texnologiyası İşçi Qrupu (WHATWG) 2008-ci ildə W3C ilə birgə təqdim edilən HTML5 versiyası üzərində işləməyə başladı. O, 28 oktyabr 2014-cü ildə tamamlandı və standartlaşdırıldı.

HTML fayl formatı strukturu

HTML 4 sənədi üç hissədən ibarətdir:

  1. HTML versiyası məlumatını ehtiva edən sətir
  2. deklarativ başlıq bölməsi
  3. sənədin faktiki məzmununu ehtiva edən orqan. Bədəni çərçivələrdə saxlamaq üçün BODY elementi və ya FRAMESET elementi tərəfindən həyata keçirilə bilər

Hər bir bölmənin ardınca ağ boşluqlar, yeni sətirlər, nişanlar və şərhlər ola bilər. Sadə bir HTML sənədinin nümunəsi aşağıda göstərildiyi kimidir:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
   <HEAD>
      <TITLE>Understanding HTML fayl formatı</TITLE>
   </HEAD>
   <BODY>
      <P>Hello World!
   </BODY>
</HTML>

Versiya Məlumatı

Kodun birinci sətri, <!DOCTYPE html> , sənəd növü bəyannaməsi adlanır və brauzerə səhifənin hansı HTML versiyasında yazıldığını bildirir. HTML versiyasından asılı olaraq, sənəd üçün istifadə olunan sənəd növü tərifini (DTD) adlandıran bir sıra müxtəlif sənəd tipli bəyannamələr mövcuddur. Hər bir DTD digərlərindən dəstəklədiyi elementlərə görə fərqlənir və aşağıdakı kimi fərqlənir:

  • HTML 4.01 Strict - deprecated və ya çərçivə sənədlərində görünməyən bütün elementləri və atributları ehtiva edir

  • HTML 4.01 Keçid - ciddi DTD-dəki hər şeyi və köhnəlmiş elementləri və atributları (əksəriyyəti vizual təqdimata aiddir) ehtiva edir

  • HTML 4.01 Çərçivə dəsti - keçid DTD üstəgəl çərçivələrdəki hər şeyi ehtiva edir

HTML5 üçün versiya məlumatı sadəcə aşağıda qeyd edildiyi kimidir.

<!DOCTYPE html>

HTML Başlıq Məlumatı

HTML sənədinin başlığına brauzer tərəfindən göstərilməyən bir sıra HTML elementləri daxil ola bilər. Bu cür elementlər ya səhifə haqqında məlumatı təsvir edən metadatadır, ya da CSS üslub cədvəlləri və ya JavaScript faylları kimi xarici resurslardan məlumat əldə etmək üçün istifadə olunan bölmələri ehtiva edir. Səhifənin başlığı baş etiketi ilə təmsil olunur.

Səhifənin başlığını təyin etmək üçün title elementi daxilində tələb olunan yeganə elementdir etiketlər. Eyni şey axtarış motorları tərəfindən səhifənin başlığını müəyyən etmək üçün istifadə olunur.

HTML Bədən Məlumatı

Bu, brauzerlər tərəfindən göstərilən faylın bütün məzmununu ehtiva edən faylın əsas bölməsidir. Html gövdəsində etiketlər şəklində müxtəlif tikinti bloklarına istinad edə bilən işarələmələr ola bilər. O, mətn, şəkillər, rənglər, qrafika və s. kimi bir neçə müxtəlif növ məlumatı ehtiva edə bilər. Bundan əlavə, audio və video elementləri brauzerlər tərəfindən göstərilmək üçün html gövdəsinə də daxil edilə bilər. Vizual təqdimat üçün müasir üslub vərəqləri tətbiqi mövcud olduqda, BODY-nin fon rəngi, keçid rəngi, mətn rəngi və s. kimi təqdimat atributları köhnəlmişdir. Beləliklə, eyni effektləri aşağıda göstərildiyi kimi üslub cədvəllərindən istifadə etməklə əldə etmək olar:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
 <TITLE>Inline Style Sheets referencing</TITLE>
 <STYLE type#"text/css">
  BODY { background: white; color: black}
  A:link { color: red }
  A:visited { color: maroon }
  A:active { color: fuchsia }
 </STYLE>
</HEAD>
<BODY>
  ... document body...
</BODY>
</HTML>

Daxili üslub vərəqlərini yerləşdirmək asandır və vizual effektlərə sürətli tətbiqlər üçün xarici üslub vərəqləri onu bir dəfə yerləşdirməyi və bir çox yerə daxil olmağı daha rahat edir.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
 <TITLE>Linking to External style sheets</TITLE>
 <LINK rel#"stylesheet" type#"text/css" href#"smartstyle.css">
</HEAD>
<BODY>
  ... document body...
</BODY>
</HTML>

HTML elementləri

Daha əvvəl qeyd edildiyi kimi, HTML Body daxilindəki məzmunlar Html Elementləri kimi tanınan teqlərlə təmsil olunur. Hər bir etiket kimi yazılan atributlar şəklində əlavə məlumat ola bilər<tag attribute1#value1 attribute2#value2> , baxmayaraq ki, hər teqdə atributların olması vacib deyil. Atributlar qeyd edilmirsə, hər bir halda standart dəyərlər istifadə olunur. Aşağıda bəzi element nümunələri verilmişdir:

Başlıq 

<head>
  <title>The Title</title>
</head>

Başlıqlar 

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

Paraqraflar 

<p>Paragraph 1</p> <p>Paragraph 2</p>

İstinadlar

See Also