Və MƏQALƏ, ASIDE və DIV istifadə edərkən
Yeni HTML5 SECTION elementi bir qədər qarışıq ola bilər. HTML5-dən əvvəl HTML sənədləri qurduğunuzda, səhifələrinizdə struktur bölmələr yaratmaq və onlarla pages tərtib etmək üçün əlindən istifadə edirsiniz. Beləliklə, mövcud DIV elementlərini SECTION elementləri ilə əvəz etmək təbii bir şey kimi görünə bilər. Lakin bu texniki cəhətdən səhvdir. Beləliklə, yalnız DIV elementlərini SƏHM elementləri ilə əvəz etmirsinizsə, necə düzgün istifadə edirsiniz?
Seksiyanın elementi bir semantik elementdir
Anlamaq lazım olan ilk şey, BÖLÜM elementinin semantik bir element olmasıdır. Bu, həm də istifadəçi agentlərinə və əhaliyə əhatə olunan məzmunun, xüsusilə sənədin bir hissəsinin nə olduğunu anlamlandırır.
Bu çox ümumi bir semantik təsvir kimi görünə bilər və bu, çünki. SƏHİFƏ elementini istifadə etməzdən əvvəl istifadə etməyiniz üçün məzmununuza daha çox semantik fərqlər verən digər HTML5 elementləri var:
- MƏQALƏ
- ASIDE
- NAV
SƏTƏM Elementini istifadə edərkən
Məqaləni yalnız saytın müstəqil bir hissəsi olduğunda və məqalə və ya blog yazısı kimi sindikatlaşdıqda MADDE elementini istifadə edin. İçindəki səhifənin məzmununa və ya saytın özünə, yanbars, əlavə notlar, dipnotlar və ya əlaqəli sayt məlumatları ilə əlaqəli olduğunda ASIDE elementini istifadə edin. Naviqasiya olan məzmun üçün NAV elementini istifadə edin.
SECTION elementi ümumi semantik elementdir. Digər semantik konteyner elementlərindən heç biri uyğun olmadığından istifadə edirsiniz. Sənədin bir hissəsini birlikdə bir şəkildə əlaqəli olaraq təsvir edə biləcəyiniz ayrı bir vahidlərə birləşdirmək üçün istifadə edirsiniz. Bir və ya iki cümlədə bölmənin elementlərini təsvir edə bilmirsinizsə, ehtimal ki, elementdən istifadə etməməlisiniz.
Bunun əvəzinə DIV elementindən istifadə etməlisiniz. HTML5-də DIV elementi qeyri-semantik konteyner elementidir. Birləşdirməyə çalışdığınız məzmunun semantik bir mənası yoxdur, lakin hələ də üslubu üçün birləşdirmək lazımdır, onda DIV elementi istifadə etmək üçün müvafiq elementdir.
Seksiyanın elementi necə işləyir?
Sənədin bir hissəsi məqalələr və ASIDE elementləri üçün xarici konteyner kimi görünə bilər. Ayrıca, bir MADDE ya da ASIDE'nin bir parçası olmayan içerik de içerebilir. A BÖLMƏ elementi də ARTICLE, NAV və ya ASIDE içərisində də ola bilər. Bir qrup məzmunun bir məqalənin bir hissəsi olan və ya bir səhifə olan bir başqa məzmun qrupunun bir hissəsi olduğunu göstərmək üçün bölmələrinizi hətta birləşdirə bilərsiniz.
BÖLÜM elementi sənədin konturunun içərisində maddələr yaradır. Və buna görə də bölmənin bir hissəsi kimi həmişə bir başlıq elementi (H1 ilə H6 arasında) olmalıdır. Bölmə üçün bir mövzu ilə gəlmək mümkün deyilsə, daha sonra DIV elementi daha uyğun olar. Unutmayın ki, bölüm başlığının sayfada görünmesini istemiyorsanız, her zaman CSS ile maskelenebilir.
SƏTƏM Elementini İstifadə etmədikdə
Birincisi, daha konkret semantik elementləri istifadə etmək üçün yuxarıda göstərilən məsləhətin kənarında, SİMAL elementini istifadə etməməlisiniz ki, müəyyən bir sahə var: yalnız üslub üçün.
Başqa sözlə desək, bir yerə bir element yerləşdirdiyinizin yeganə səbəbi CSS stil xüsusiyyətlərini əlavə etməkdirsə, bir SECTION elementi istifadə etməməlisiniz. Bir semantik element tapın və ya yerinə DIV elementini istifadə edin.
Nəticədə o, əhəmiyyətsiz ola bilər
Semantik HTML yazmağın çətinliyi mənim üçün semantik olduğunuz məntiqli bir saçmalık ola bilər. Sənədlərinizdə SƏHİFƏ elementini istifadə edə biləcəyinizi düşünürsənsə, ondan istifadə etməlisən. Bir çox istifadəçi agenti maraqlanmır və bir DIV və ya BÖLÜM stiliniz olub-olmamasını gözlədiyiniz kimi səhifə göstərəcəkdir.
Səmərəli şəkildə səciyyələnməyi sevən dizaynerlər üçün, semantik cəhətdən etibarlı şəkildə SƏHV elementini istifadə etmək vacibdir. Yalnız səhifələrinin işləməsini istəyən dizaynerlər üçün bu vacib deyil. Semantik olaraq etibarlı HTML yazmaq yaxşı bir təcrübədir və səhifələri daha gələcəklə qoruduğuna inanıram. Amma sonunda sənə qalır.