Veb semantikası haqqında

16 iyul 2012-ci il, Bazar ertəsi

Veb-razrabotka kontekstində semantika məna və məqsədinə uyğun istifadə olunan işarələmə (markup) deməkdir.

Məqsədinə uyğun istifadə olunan işarələmə başlığı qeyd etmək üçün başlıq elementlərindən (məsələn, h1
to h6), abzaslar üçün abzas elementlərindən (p), siyahılar üçün siyahılardan
(ul, ol, dl, həmçinin datalist və ya
menu), məlumat cədvəlləri üçün cədvəllərdən istifadə etmək və s. deməkdir.

Aydını təkrar etmək o dövrlərdə zəruri idi ki, Veb cəmi bir neçə veb-saytdan ibarət idi və müəlliflər bütün saytları kodlaşdırmaq üçün cədvəllərdən, başlıqlar üçün cədvəl xanalarından və ya abzaslardan istifadə edir, istədikləri maketi əldə etmək üçün digər yaradıcı yollar düşünürdülər. (Etiraf etmək lazımdır ki, bu müəlliflərin istifadə edə biləcəyi alətlər bu gün müəlliflərin malik olduqlarından daha az idi. Elə vaxtlar olub ki, üç sütunlu maketi cədvəllər və ya şəkillər olmadan kodlaşdırmaq sadəcə qeyri-mümkün idi.)

Bununla belə, bu günə qədər müəlliflər HTML səhifəsində hansı funksional vahid üçün hansı HTML elementindən istifadə edəcəklərini həmişə dəqiq bilmirdilər və HTML 5 kimi “canlı” spesifikasiyalar müəlliflərdən gələcəkdə hansı elementlərin olacağını izləməyi tələb edir ki, əks halda “mənasız” ehtiyat (fallback) elementləri tələb edən hallar üçün istifadə olunsun, div və ya span.

HTML-in hansı elementləri təklif etdiyini və bu elementlərin hansı məna daşıdığını bilmək üçün HTML spesifikasiyalarına baxmaq lazımdır. Elementin mənasını axtarmağı və tapmağı bir qədər asanlaşdıran indekslər mövcuddur
bütün HTML spesifikasiyaları və elementləri əhatə edən. Lakin bir çox hallarda
HTML spesifikasiyası
nə dediyini yoxlamaq lazım gələ bilər.

Məsələn, nəzərdən keçirək
the code element:

The code element kompüter kodunun fraqmentini təmsil edir. Bu, XML elementinin adı, fayl adı, kompüter proqramı və ya kompüterin tanıya biləcəyi hər hansı digər sətir ola bilər.

Müəllif tərəfindən idarə olunan semantika

HTML elementləri HTML spesifikasiyaları ilə müəyyən edildiyi kimi məna daşıyır, lakin ID və sinif (class) adları da məna daşıya bilər. ID və sinif adları eynilə
microdata,
kimi adətən müəllif tərəfindən idarə olunur, yeganə istisna isə
microformatsilə bağlıdır. (Biz bu məqalədə mikrodata və ya mikroformatları əhatə etməyəcəyik.)

ID və sinif adları müəlliflərə HTML elementləri ilə işləmək üçün çoxlu azadlıq verir. Əməl olunduqda bu azadlığın problemlərə çevrilməməsini təmin edən bir neçə əsas qayda var:

• ID və siniflərdən istifadəni minimuma endirin.
• Funksional ID və sinif adlarından istifadə edin;
  əgər bu mümkün deyilsə, ümumi (generic) ID və sinif adlarından istifadə edin.
• Mümkün qədər qısa, lakin lazım olduğu qədər uzun adlardan istifadə edin.

Semantik işarələmədən istifadənin üstünlükləri

İşarələmədən onun təyinatına uyğun istifadə etmək, eləcə də funksional ID və sinif adlarından qənaətlə istifadə etmək bir sıra üstünlüklərə malikdir:

• Bu, peşəkar yanaşmadır.
• Bu, daha əlçatandır.
• Bu, daha asan saxlanılandır (maintainable).

Xüsusi hallar

“Neytral” elementlər, qeyri-müəyyən mənalı elementlər və təqdimat xarakterli elementlər xüsusi hallar təşkil edir.

div və span “sənədlərə struktur əlavə etmək üçün ümumi mexanizm” təklif edirlər. Onlardan sözügedən məzmunun nəyi təmsil etdiyinə uyğun gələn başqa element olmadıqda istifadə edilə bilər.

Keçmişdə bir çox qarışıqlığa səbəb olan b, strong,
i, və em elementləridir. Müəlliflər b və i -in təqdimat xarakterli olmasından gileylənir və adətən strong və
emilə 1:1 nisbətində əvəzlənməsini təklif edirdilər. Keçmişi qurdalamaq istəmədən, HTML 5-in dedikləri bunlardır və dörd elementin hər birinə
raison d’être:

Sonuncu, lakin az əhəmiyyət kəsb etməyən məqam həqiqətən təqdimat xarakterli elementlərdir. Bu elementlər istifadəçi agentləri (brauzerlər) tərəfindən həmişəlik dəstəklənəcək, lakin artıq istifadə edilməməlidir, çünki
təqdimat xarakterli işarələmə asan saxlanıla bilən deyil,
bunun əvəzinə üslub cədvəlləri ilə idarə olunmalıdır. Bəzi məşhurlar bunlardır:

• mərkəz
• şrift
• s
• u

Doğru yolda olub-olmadığınızı necə bilmək olar

Səhifənizin semantikasını yoxlamağın və ekran oxuyucusu tərəfindən necə şərh oluna biləcəyini başa düşməyin sürətli və sadə yolu,
məsələn, mövcud Web Developer Toolbar genişləndirməsindən istifadə edərək CSS-i söndürməkdir
Chrome üçün
və Firefox.
Bu, yalnız məna ötürmək üçün CSS istifadəsi ilə bağlı problemləri müəyyən edir, lakin yenə də faydalı ola bilər.

Digər üsullar həmkar rəylərindən (kodlaşdırma üzrə ən yaxşı təcrübələr) istifadəçi testlərinə (əlçatanlıq) qədər dəyişir.

Ediləcəklər və Edilməyəcəklər

Aşağıdakı cədvəl səhv HTML yazılması təcrübələrinin ümumi icmalını,
düzgün alternativləri və qısa izahatı təqdim edir.

Yazdı
Jens O. Meiert,
Senior Veb Memar, Google Veb-ustalar Komandası