... Bu, axtarış robotları üçün edilib ki, onlar səhifə kodunu daha yaxşı tanısınlar və əsas məzmunu köməkçi elementlərdən ayırsınlar.
Yeni teqlərdən istifadə edərək, boş HTML5 şablonu belə görünə bilər:
Naviqasiya menyusu
Məzmun səhifənin əsas məzmunudur.
DOCTYPE yazmağı asanlaşdırır
Əvvəllər necə olduğunu xatırlayın, HTML4-də DOCTYPE teqi belə görünürdü:
İndi rekord minimaldır, yəqin ki, heç bir yerdə asan deyil:
Oxşar sadələşdirmələr qalan teqlər üçün də baş verib, ona görə də HTML5 standartına keçid yazı yazmağı xeyli asanlaşdırır.
HTML5-də əlavə teqlər
Yeni standart layout dizaynerlərinə çox rahatlıq gətirdi. Xüsusilə, HTML5 işarələməsi üçün HTML, HEAD və BODY elementlərinin istifadəsi artıq tələb olunmur. Əgər onlar yoxdursa, brauzer hələ də onların mövcud olduğunu düşünür. Əslində, HTML5-də məcburi olanlardan yalnız
.
Rus dilinin HTML sənədinin əsas dili kimi təfsiri
Tag sənədin dilini müəyyən edir. İnternetdə onun düzgün yazılması, xüsusən də "ru-RU" hərfinin düzgün yazılması ilə bağlı mütəmadi olaraq müzakirələr gedir. Rus dilində ingilis dili (Britaniya və Amerika) kimi dialekt və orfoqrafiya olmadığı üçün mən "-RU"-nun lazımsız olması variantına meyl edirəm. RU şəkilçisi rus dilinin harada danışıldığını göstərir. Yəni, əgər en-US “ABŞ-da danışılan ingilis dili” deməkdirsə, ru-RU “Rusiyada danışılan rus dili” deməkdir ki, bu da artıqdır.
Başqa sözlə, "ru-RU" seçimini istifadə etməyə davam etsəniz, pis bir şey olmayacaq.
Hamıya xeyirli gün! Bu gün biz ilk HTML səhifəmiz üçün tel çərçivə yaratmağı öyrənəcəyik. Daha doğrusu, html səhifəsinin əsas strukturunu anlayaq, onun nədən ibarət olduğunu öyrənək. Ancaq əvvəlcə etiketlərdən bir az danışaq.
Etiket nədir HTML?
Teq HTML dilinin əsas elementidir. Yəni HTML dəqiq olaraq teqlərdən ibarətdir və HTML dilini öyrənmək üçün ən çox istifadə olunan əsas teqləri öyrənmək kifayətdir. Onda real həyatdan bir misalla müqayisədə etiket HTML-də kərpic kimidir ev üçün. Kərpic ev tikmək üçün istifadə olunan əsas elementdir. HTML-də də eynidir, etiket html səhifəsi yaratmaq üçün əsas elementdir. Teqin köməyi ilə biz brauzerə html səhifəsinin məzmununu necə düzgün göstərməyi izah edirik.
İki növ etiket var: qoşalaşmış etiketlər və tək etiketlər :
Cütlənmiş etiketlər bunlar başlanğıc və son teqdən ibarət teqlərdir. Qısacası, bunlar bağlama etiketi olan etiketlərdir. Nümunələr: və; və ; və ; və; ;Tək etiketlər bunlar son teqi olmayan teqlərdir. Tək etiketlərə nümunələr: Html səhifəsi var əsas quruluş ... Saytın bütün səhifələrində əsas struktur eyni görünür. Saytdan sayta səhifələrin əsas strukturunda fərqlənə bilən yeganə şey DOCTYPE elementidir. DOCTYPE-nin nə olduğunu və hansı növlərin mövcud olduğunu öyrənmək üçün bu məqaləni oxuyun. Bu elementi göstərməsək, brauzer səhifəni səhv göstərəcək.
Baza belə görünür karkas səhifənin html:
Əsas səhifə
İndi bu səhifəni brauzerdə açsaq, boş qalacaq. İndi etiketin içərisinə bir neçə sətir kod əlavə edək bədən , və bu səhifəni yenidən brauzerdə açın.
Kodu dəyişdikdən sonra səhifə brauzerdə belə görünür:
Bu nümunənin təhlili
Səhifənin əvvəlində, html teqindən əvvəl həmişə göstərir DOCTYPE , yəni sənədin növü.
Hər bir html səhifəsi ilə başlayır etiket<
html> və bitir etikethtml> və başlıqdan ibarətdir <
baş>baş> və bədən <
bədən>bədən> .
Xidmət elementləri başlığın içərisində yazılır, onlar brauzerdə səhifədə göstərilmir. Əsasən:
Meta teqlər ... Əsas olanlar m eta kodlaşdırma etiketi , bunun vasitəsilə səhifə kodlamasını göstəririk ( meta teq səhifə təsviri ilə ( təsviri) və səhifə üçün açar sözlər ( açar sözlər) .Etiketin içərisində göstərilən səhifənin başlığı <
başlıq>başlıq> ... Bu başlıq brauzer nişanında göstərilir.
Daxili üslublarla bloklayın. <
üslub yazın = ” mətn / css ”> Daxili Üslublar.
Tək etiket <
keçid /> onun vasitəsilə xarici faylları birləşdiririk.
Həm də bloklayın <
skript src ="
library.js "
növü ="
mətn / javascript "
>
skript> müxtəlif ssenarilər yazılmışdır JavaScript .
Etiketin içərisində <
bədən>bədən> səhifənin məzmunu yazılır. Məzmun mətn, şəkillər, cədvəllər, siyahılar, keçidlər və brauzerdə səhifədə göstərilən digər elementlərdən ibarət ola bilər.
Taq adları istənilən halda yazıla bilər, yəni yazsaq <
BƏDƏN>,<
bədən>,<
Bədən> və ya <
bədən> , onda nəticə eyni olacaq, lakin həmişə tövsiyə olunur kiçik hərflə yaz, yəni <
bədən> .
Bəlkə də hamısı budur. Bu kiçik, lakin çox vacib məqalədən onun necə göründüyünü öyrəndiniz əsas quruluş səhifənin html.
Bu gün, əziz oxucu, biz HTML sənədinin yazıldığı standartı elan etmək kimi sirli bir şey haqqında danışacağıq. Veb səhifənin kodundakı ilk HTML direktivi adlanır DOCTYPE .
Bu xəttin bir nümunəsi:
Əgər belə bir boşboğazlığa nə üçün ehtiyacınız olduğunu və sizin vəziyyətinizdə hansı DOCTYPE seçəcəyinizi bilmirsinizsə, bu yazıda bu suallara cavab tapacaqsınız, heç olmasa problemi ətraflı şəkildə əhatə etməyə çalışdım 🙂
DOCTYPE direktivinin məqsədini anlamağa çalışarkən vicdanlı bir təcrübəsiz vebmasterin edə biləcəyi ilk şey htmlbook.ru saytına daxil olmaq və oxumaqdır, buradan aydın olacaq ki, dokttiplər bir neçə var (HTML və XHTML üçün ciddi və o qədər də sərt deyil). Aydındır ki, bu direktiv HTML sənədinin hansı standartlara uyğun tərtib edildiyi barədə brauzerə məlumat vermək lazımdır, lakin hansı standartı seçmək və onun nəyə təsir etməsi böyük sualdır.
Böyük bir sualın ətraflı cavaba çevrilməsi üçün gəlin bütün bu standartların yaranmasının ən maraqlı tarixi ilə tanış olaq (narahat olmayın, mən qısayam).
HTML standartlarının tarixi
Uzun müddət əvvəl, internet yeni yarandığı zaman bir problem ortaya çıxdı şəbəkə üzərindən ötürülən hərflər toplusunu başlıqlara, paraqraflara, keçidlərə necə çevirmək olar ... Cavabı fizik Tim Berners-Li ixtira edərək tapdı hipermətn işarələmə dili HTML (qeyd edin, yoldaşlar sarışın, HTML proqramlaşdırma dili deyil). HTML sənədləri 1991-ci ildə nəşr edilmişdir.
HTML o qədər diqqət çəkdi ki, İnternetdə işarələmə sənədləri üçün standart oldu və qəribə də olsa, HTML-nin eyni yaradıcısı Ser Tim Berners-Li tərəfindən təsis edilmiş və rəhbərlik etdiyi W3C standartları üzrə beynəlxalq təşkilat tərəfindən təsdiqləndi.
İlk nəşrində HTML veb səhifənin məzmunu üçün işarələmə dili idi, brauzerə başlığın harada olduğunu, paraqrafın harada olduğunu, yaxşı dostlarımızdan, HTML teqlərindən istifadə edərək keçidin harada olduğunu bildirirdi. Brauzerlər isə teqlərlə qurulmuş bütün məzmun elementlərini vizual olaraq necə təmsil edəcəklərini özləri qərar verməli idilər. Başqa sözlə, HTML-nin ilk təftişinin müştəri tərəfində hipermətnlərin vizual təqdimatı üzərində heç bir səlahiyyəti yox idi; bu funksiya tamamilə brauzerin çiyinlərinə düşdü.
İnternet texnologiyalarının partlayıcı inkişafı üçün bir az vaxt lazım oldu, çünki biznes İnternetə töküldü. Biznes saytları heç də eyni olmaq istəmirdi, onlara parlaqlıq, yaddaqalanlıq lazım idi.
O dövrdə məşhur brauzerlər (əlbəttə ki, IE və sonra hələ də sağ olan Netscape) veb-sənədin fərdi dizayn xüsusiyyətlərini təyin etməyə imkan verən öz teqləri ilə gəlməyə başladılar. Bəli, əziz oxucu, o zamanlar arası brauzer uyğunluğu yox idi. Veb saytları yalnız IE-dən istifadə edərək taramanın mümkün olduğu günləri hələ də xatırlayıram, bütün digər brauzerlər qorxulu şeylər göstərirdi. Amma indi bu haqda deyil.
W3C qəbul edir yeni standart Artıq vizual təqdimat vasitələrini ehtiva edən HTML.
Sıçrayışlar və sərhədlərlə, nizamı bərpa etmək və təqdimatı (indi CSS üslubları ilə təyin olunacaq düzülmə, rənglər, şriftlər) strukturdan (ideoloji olaraq HTML-də qurulmuş başlıqlar, paraqraflar, bağlantılar) ayırmaq üçün nəzərdə tutulmuş CSS texnologiyası inkişaf etməyə başlayır. ).
İstehlakçı webmaster soruşacaq niyə vizualı strukturdan ayırın və biz ona cavab verəcəyik:
Sadə bir saytda bunun ehtiyacı açıq deyil, lakin layihə böyükdürsə, o zaman bölmə HTML kodunda qarışıqlıq və qarışıqlıqdan qaça biləcək.
Eyni kodu təkrarlamağa ehtiyac yoxdur müxtəlif səhifələr blokların vizual təqdimatı eyni olarsa. Verilmiş blok ailəsi üçün ekran tərzini bir dəfə təyin edə biləcəyiniz CSS faylından istifadə etmək kifayətdir.
Görünüşlə bağlı təlimatları keşlənmiş bir fayla ayırmaqla siz ümumdünya internet şəbəkəsində mənasız yüklənmələrdən qaça bilərsiniz (hehe, ümumdünya internetə nə əhəmiyyət veririk, serveriniz həddindən artıq yüklənməz; CSS yüksək yüklənmiş serverləri saxlayır. layihələr).
İndi CSS-in gücü HTML-də süni şəkildə qurban verilmiş səhifənin görünüşünü dəyişdirmək üçün vasitələrdən daha çox təqdimat məntiqi ilə işləmək baxımından danılmazdır.
Beləliklə, CSS haqqında kifayət qədər, HTML-ə qayıt.
Hazırda müvafiq, HTML 4.01 standartı elementlərin göstərilməsini manipulyasiya etmək üçün HTML istifadəsini qadağan edir. HTML direktivləri ilə vidalaşın hizalamaq, şrift ; görünüş CSS üslublarından istifadə etməklə təyin edilməlidir. Hər şey normala qayıdır.
Bununla belə, İnternet inkişaf etməyə davam edir və onunla birlikdə standartlar da inkişaf edir və yenidən doğulur.
W3C ən qənaətbəxş müasir trendin yeni genişləndirilə bilən olacağına qərar verdi XHTML standartı ... Bu ziddiyyət HTML-nin XML prinsipləri ilə bir növ simbiozudur.
XML, strukturlaşdırılmış məlumatları mətn faylında saxlamaq üçün bir yoldur. İxtira edilmiş etiketlər, müəyyən bir şəkildə, XML standartlarına uyğun olaraq, məlumat strukturunu təşkil edir:
Morkovin
Andrey
Sayt
Voloj
Arkadi
yandex.ru
Sadə bir proqramın köməyi ilə siz XML vasitəsilə strukturlaşdırılmış məlumatları asanlıqla ayıra bilərsiniz. Üstəlik, məlumatlar hər hansı bir şəkildə təhlil edilə bilər əməliyyat sistemi , hər hansı bir cihazda (hər şeydən sonra, bu, hər şeydir mətn faylı tanınmış standarta uyğun olaraq müvafiq etiket ayırıcıları ilə strukturlaşdırılmışdır).
W3C yuxarıda göstərilən xüsusiyyəti çox gözəl tapdı və HTML inkişafındakı çıxılmaz nöqtə haqqında düşünmək XHTML-in yaranmasına səbəb oldu. Bu, yeni etiketlərlə ağrısız şəkildə genişləndirilməli və hər hansı bir cihaz (mobil, kompüter, TV) tərəfindən işlənə bilən bir işarələmə dili olacaq, çünki o, bunu təbliğ edən XML-ə əsaslanır (düşüncə sadəlövh W3C işçiləri).
Daha tez deyildi - 2001-ci ilin mayında ortaya çıxdı yeni XHTML 1.0 genişlənən hipermətn işarələmə standartı ... O, XML-in sərtliklərini mənimsəmişdir, indi HTML kodu aşağıdakı tələblərə cavab verməlidir:
Bütün etiketlər bağlanmalıdır. Əgər etiket təkdirsə, məsələn
İerarxiyaya ciddi əməl edilməlidir. Bu belə deyil: …
... Bu yeganə yoldur: …
... Etiketlər haqqında unutmayın ,
- hər şey səliqəli olmalıdır.
Teq atributlarını dırnaq işarələrinə əlavə etməyinizə əmin olun. Bunu belə edə bilməzsiniz:
Teqlər və CSS xassələri yalnız kiçik hərflərlə yazıla bilər.
İşarəni ehtiva edən bir keçid varsa &
, çevrilməsi lazımdır & amp.
Etiket tərəfindən yaradılan şəkillər üçün alt .
Və HTML 4.01-də olduğu kimi, XHTML-də heç bir görünüş xatirəsi olmamalıdır.
Təbii ki, bu, XHTML dilinin tam spesifikasiyası deyil, onun skriptlərlə bağlı bir sıra məhdudiyyətləri var və başqa nələri Allah bilir. Tam spesifikasiyanı W3C veb-saytının müvafiq bölməsində tapmaq olar (baxmayaraq ki, hər şey ingilis dilindədir, lakin düzgün və səhv sintaksisin rəngarəng nümunələri ilə, anlamaq istəyən hər kəs başa düşəcəkdir).
Daha əvvəl dediyim kimi, XHTML-dir genişləndirilə bilən hipermətn işarələmə dili. Bununla belə, bütün bu genişlənmə axtarış motorları tərəfindən yaxşı qəbul edilmir, IE6 və IE7-də düzgün işləmir, XTML-in bütün üstünlüklərinin işləməsi üçün server tərəfindən ötürülən başlıqları fərdiləşdirmək və ciddi XML formatı qaydalarına riayət etmək lazımdır. tam güc.
XHTML-in üstünlükləri sintaksisin ciddiliyi deyil, məsələn, ad sahəsinə aid olan çətin işarələmə etiketlərindən istifadə etmək bacarığıdır. MathML (yalnız normal brauzerlərdə işə salınmalı olan bir nümunə; IE6, XHTML kodunu şərh etmək əvəzinə, faylı saxlama dialoqunu açacaq) və ya öz ad məkanınızda etiketlər icad edin (bu proses W3C veb saytında ətraflı təsvir edilmişdir) .
İnqilabi XHTML filialının gələcək inkişafı çıxış yoludur XTML 2.0 standartı bu adi HTML-dən əhəmiyyətli dərəcədə fərqlidir və XHTML 1.0 ilə uyğun gəlmir. XHTML 2.0 üzərində işlərin başa çatdırılması 2009-cu ilə planlaşdırılırdı.
XHTML 2.0 standartından imtina edildi və W3C HTML 5 inkişafına keçdi.
HTML 5 standartının 2020-ci ildən tez olmayan təsdiqlənməsi planlaşdırılır.
Hansı DOCTYPE seçmək
İndi standartların tarixinə dair biliklərlə silahlanaraq, DOCTYPE haqqında htmlbook.ru saytındakı məqaləyə qayıdaq.
HTML 4.01 və XHTML 1.0-ın nə olduğunu bilirik. Üç sual açıq qalır:
Ciddi və keçici sintaksis nədir?
Hansı standartı seçməlisiniz?
Seçilmiş standarta uyğun çap etməyi necə öyrənəcəksiniz?
İndi verilən bütün suallara ardıcıl cavab verəcəyəm.
Ciddi və keçici sintaksis nədir
Belə çıxır ki, yeni standarta keçiddə pozulma o qədər də ağrılı olmayıb, icad ediblər keçici sintaksislər .
HTML 4.01-in HTML tərtibi təlimatlarına icazə vermədiyini xatırlayın? Bəli, unutmayın, əlbəttə ki, mən sadəcə buna əmin olmaq istəyirdim.
İndi təcrübə edək.
Əvvəlcə mən seçəcəyəm ciddi HTML 4.01 format sintaksisi və müvafiq DOCTYPE direktivini təyin edin:
Bu cəfəngiyyat o deməkdir ki, aşağıdakı HTML W3C tərəfindən qəbul edilmiş 4.01 standartına uyğundur (bu cəfəngiyyat parçası "- // W3C // DTD HTML 4.01 // EN" ). ilə bağlı W3C təşkilatı tərəfindən yazılmış təlimatlar bu standartın , orada yerləşir: "http://www.w3.org/TR/html4/strict.dtd" və brauzer aydınlaşdırmaq üçün həmin ünvana gedə bilər.
Gəlin bu HTML kodu ilə sınaq keçirək:
Yoxlayın
Bəzi mətn
Əsas diqqət kodda qadağan olunmuş elementlərin olmasına verilməlidir: align = "mərkəz" və etiketləyin
İndi bu kodu standartlara uyğun yoxlayaq. Əvvəllər dəfələrlə dediyim kimi, FireFox üçün böyük bir uzantı var. Proqramulina HTML kodunda iki səhv göstərir:
Hər şeyin proqnozlaşdırılan olduğu ortaya çıxdı. Valideyator atributuna and içir hizalayın və etiket
Birinci sətri HTML 4.01 standart sənəd növü ilə əvəz edək keçid sintaksisi :
İndi gibberish brauzerə bunu deyir HTML sənədi HTML 4.01 standartının keçid sintaksisinə uyğun yazılır, çünki sənədin müəllifi vaxtaşırı qarşısıalınmaz şəkildə standartın qadağan etdiyi direktivlərdən istifadə etmək istəyir. Bu DOCTYPE-ni yuxarıdakı koda qoyaraq, təsdiqləməni təkrarlayaq.
Voila, əziz oxucu, bu iki səhv aradan qalxdı:
Hesab edirəm ki, bütün fərqlər indi aydın olmalıdır sərt və keçid sintaksis.
XHTML 1.0 standartının keçid sənədi görünüşü təyin etmək üçün HTML direktivlərindən istifadə etməyə imkan verəcək, lakin o, XML ideologiyasına uyğunluğu diqqətlə izləyəcək və hər bir bağlanmamış tək teq üçün doğrulama xətası və ya alt-xassənin olmaması ilə reaksiya verəcəkdir. bir şəkil.
Hansı standartı seçmək
Hesab edirəm ki, standartın ciddi sintaksisinə uyğun olaraq düzgün şəkildə yazmalısınız. Bu, sizi HTML-dən təyinatı üzrə istifadə etməyə məcbur edəcək və eyni boşqabda milçəklər olan köftələrə mane olmayacaqsınız. Bundan əlavə, sayt düzgün tərtib edilibsə və hər hansı bir brauzerdə səhv göstərilibsə, bu, yeni versiyaları W3C təşkilatının standartlarına daha yaxşı və daha yaxşı uyğun gələn və etibarlı kodun təfsirindəki səhvləri düzəldən bir brauzer problemidir. Ancaq hər hansı bir mürəkkəb quruluşu pozğun, etibarsız bir şəkildə tətbiq etmisinizsə, onda brauzerlərin yeni versiyalarının tərtibatınızı xırda-xırda cırmayacağına zəmanət haradadır?
Beləliklə, keçici sintaksis yoxdur, sadəcə standartlara ciddi uyğunluq .
Standartlara ciddi riayət etmək üçün başqa bir arqument var. Bu mübahisənin ayaqları Fr.-ə şərhlərdə alovlanan Takobus ilə mübahisəmizdən qaynaqlanır. Belə çıxır ki, IE8, hər şeydən sonra, CSS mülkiyyətinin məqsədini mükəmməl başa düşür. ekran: masa-hüceyrə , lakin HTML 4.01 standartının ciddi sintaksisi elan olunarsa. Keçid sintaksisində IE8 verilmiş CSS xüsusiyyəti ilə işləməkdən imtina edir.
İndi mövcud standartlar arasında seçim barədə qərar verək: HTML 4.01 və XHTML 1.0.
HTML dilini genişləndirmək niyyətindəsiniz? Əgər belə deyilsə, onda heç vaxt 2.0 versiyasına çevrilməmiş çürük XHTML filialından istifadə etmək lazım deyil.
Əgər məhsulunuzu gələcək üçün qorumaq istəyirsinizsə, gələcəkdə funksionallığı genişləndirərkən heç bir problem olmayacaq, çünki HTML kodu XML standartlarına uyğun gəlmir, onda tək teqlərdə və məcburi alt parametrlərdə slashes ilə özünüzü əzablandırın. şəkillərdən. Ancaq bunu boş yerə etməyin, sadəcə olaraq XHTML standartından istifadə etməyə ehtiyac görmürəm.
Çərçivələrdən istifadə edən HTML sənədləri üçün DOCTYPE direktivləri də mövcuddur. Qədim çərçivə texnologiyasından istifadə etdiyinizə şübhəm var :)
Mövzuda olmayanlar üçün:
Çərçivələr bir veb-səhifədə göstərilən müstəqil brauzer pəncərələridir. Hər bir pəncərə müstəqil HTML faylı ilə əlaqələndirilir.
İndi aydın oldu hansıdır! DOCTYPE ən uyğundur:
Ciddi HTML 4.01 format sintaksisi
Seçilmiş standarta uyğun olaraq çap etməyi necə öyrənmək olar
Çox sadə olduğu ortaya çıxır. FireFox üçün tövsiyə etdiyim genişlənməni quraşdırmalısınız ki, o, məşhur şəkildə, misallarla HTML-də səhvin səbəbini izah edəcək və onu necə düzəltməyi sizə göstərəcək. Budur sizin üçün etibarlı kod.
Mövzu üzrə gülməli video
P.S. Mühafizəçilərin dəyişdirilməsi ilə bağlı müddətsiz aksiya davam edir. Mən tematik bloqlar və saytlarla bağlantılar mübadiləsi aparmaqdan məmnunam. İstəyiniz varsa yazın.
Yuxarıdakıların davamı olaraq bir gözətçi qoyuram.
Veb dizaynla maraqlanırsınız? Veb saytlar yaradırsınız? Onda siz Web 2.0 Portalında çoxlu maraqlı şeylər tapacaqsınız.
Veb səhifənizin hansı HTML standartına qarşı yazıldığını müəyyən edir.
DOCTYPE Təsvir
HTML5
Bütün sənədlər üçün.
HTML 4.01
"http://www.w3.org/TR/html4/strict.dtd">
Ciddi HTML sintaksisi.
Keçid HTML sintaksisi.
HTML sənədində çərçivələrdən istifadə olunur.
XHTML 1.0
Ciddi XHTML sintaksisi.
Keçid XHTML sintaksisi.
Sənəd XHTML-də yazılmışdır və çərçivələrdən ibarətdir.
XHTML mobil profil , mobil telefonlar üçün xüsusi elementlər əlavə edir.
XHTML 1.1
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Bu tərifin növlərə bölünməsi yoxdur, sintaksis eynidir və aydın qaydalara tabedir.
Beləliklə, bir neçə dokttip var (HTML və XHTML üçün ciddi və keçid). Hansı standartı seçmək sualdır.
HTML və XHTML standartları
HTML Veb sənədləri üçün standart işarələmə dilidir.
HTML 4.01 və HTML5-də səhifənin görünüşü onun məzmunundan ayrılır. Məzmun və struktur (başlıqlar, paraqraflar, keçidlər) HTML-də qurulur. Düzəliş (düzləşdirmə, şriftlər, rənglər) CSS üslubları ilə müəyyən edilir.
Məsələn, etiket və align atributu köhnəlmişdir.
XHTML Veb sənədləri üçün genişləndirilə bilən XML əsaslı işarələmə dilidir. XHTML standartı HTML 4.01 və XHTML arasındakı fərqlərin siyahısıdır.
XHTML-in gözəlliyi sintaksisin sərtliyi deyil, öz etiketlərinizlə gəlmək bacarığıdır.
Lakin 2 iyul 2009-cu ildə Ümumdünya Şəbəkə Konsorsiumu (W3C) XHTML anlayışının yanlış olduğunu nəzərə alaraq XHTML 2.0-ın dayandırıldığını elan etdi. Bir qrup proqramçı HTML5 standartı üzərində işləməyə keçdi. HTML5 standartı hələ də təsdiqlənməsə də, bir çox saytlar artıq onun üzərində yazılıb.
HTML5-in nə vaxt bitəcəyi ilə maraqlanan hər kəs orijinal mənbələrə baxa bilər:
HTML5 standartının rəsmi versiyası bu ünvanda yerləşir: www.w3.org/TR/html5/
Seçimlə bağlı qərar verək. Bunu etmək asandır: HTML dilini genişləndirmək niyyətində olmasanız, XHTML standartından istifadə etməməlisiniz.
Çərçivələrdən istifadə edən sənədlər üçün nəzərdə tutulmuş DOCTYPE: srağagün.
Növbəti sual hansı sintaksisi seçməkdir - sərt və ya keçid?
HTML 4.01 ciddi və keçici sintaksis
Yeni standarta keçidi asanlaşdırmaq üçün keçid sintaksisləri mövcuddur. Onlar ciddi sintaksisin səhv hesab edəcəyi bir çox şeyi əldən verəcəklər.
Nə olduğunu başa düşmək üçün bir nümunə ilə daha asandır. Əvvəlcə ciddi sintaksisi təyin edək.
Ciddi sintaksis
Etibarlılığın yoxlanılması
Etibarlılığın yoxlanılması
qırmızı rəng.
HTML kodunun elan edilmiş standarta uyğunluğu deyilir etibarlılıq , və bu yazışma üçün çek doğrulama .
Layout səhvlərini izləmək üçün FireFox-a Html Validator əlavəsini quraşdırın.
Səhifəmizi açaq Firefox brauzeri , siçanı doğrulayıcı işarəsinin üzərinə gətirin:
Doğrulayıcı işarəsinə iki dəfə klikləmək səhvlərin geniş siyahısını verəcəkdir:
DOCTYPE-ni keçid sintaksisinə dəyişək:
Keçid sintaksisi
Etibarlılığın yoxlanılması
Etibarlılığın yoxlanılması
Mətnin bir hissəsini vurğulamaq lazım idi qırmızı rəng.
FireFox-u işə salın. Səhv yoxdur:
Deyəsən hər şey qaydasındadır. Bəlkə orada dayan?
Məsləhətim: ya HTML 4.01-in ciddi sintaksisinə uyğun olaraq, ya da birbaşa HTML5-də düzgün tərtibat edin. HTML təyinatı üzrə istifadə edilməli və dizayn CSS-də qalmalıdır. Bundan əlavə, saytın düzgün tərtibatı varsa və heç bir brauzerdə düzgün göstərilmirsə, bu, şübhəsiz ki, brauzer problemidir. Brauzerin daha yeni versiyaları standarta daha yaxşı uyğunlaşacaq və etibarlı kodu şərh edərkən səhvlərə yol verməyəcək. Mürəkkəb bir tərtibat etibarsız bir şəkildə həyata keçirilirsə, brauzerlərin yeni versiyalarının onu parçalara ayırmayacağına zəmanət yoxdur.
Keçid sintaksisinin sədaqətinə aldanmayın, sadəcə ciddi standartlara uyğunluq!
Niyə düzgün tərtibata ehtiyacınız var?
Deyəsən, niyə narahat olursunuz? Axı, brauzerlər tez-tez tərtibatdakı kiçik qüsurları avtomatik olaraq düzəldir və sayt tamamilə yaxşı işləyir. Ancaq bu kiçik, praktiki olaraq görünməz səhvlər axtarış motorları tərəfindən fərq edilir. Hətta bir itkin etiket
- bu saytın keyfiyyətini qiymətləndirməkdə mənfi cəhətdir.
Axtarış motorlarının HTML kodundakı hər hansı bir qüsuru görə bilmə qabiliyyətinə görə tərtibatın etibarlılığına riayət etmək tövsiyə olunur. Bundan əlavə, kodun etibarlılığını yoxlayarkən, kiçik qüsurlarla yanaşı, siz də tapa bilərsiniz ciddi səhvlər əvvəllər diqqət çəkməyənlər.
.
