HTML5 SECTION Elementini anlama
HTML5, səhnəyə bir neçə il əvvəl yanarkən, SİQE elementi də daxil olmaqla, langauge üçün bir neçə yeni hissə elementi əlavə etdi. HTML5 təqdim edən yeni elementlərin əksəriyyəti aydın istifadə edir. Məsələn, element veb səhifənin məqalələri və əsas hissələrini müəyyən etmək üçün istifadə olunur, element qalan səhifəyə vacib olmayan əlaqəli məzmunu müəyyən etmək üçün istifadə olunur və üstbilgi, nav və altbilgi olduqca özünü izah edir. Bununla yanaşı, yeni əlavə BÖLÜM elementi bir az daha dəqiqdir.
Bir çox insanlar HTML elementləri SƏTƏM və həqiqətən eyni şeydir - bir web səhifəsində məzmunu ehtiva edən ümumi konteyner elementləri hesab edirlər. Halbuki, bu iki element konteyner elementləri ikən ümumi bir şeydir. Həm SECTION elementini, həm də DIV elementini istifadə etmək üçün xüsusi səbəblər var və bu yazı bu fərqləri açıqlayacaqdır.
Bölmə və Divlar
SƏHİFƏ elementi bir web page və ya başqa bir daha xüsusi bir növü olmayan (məqalə və ya kənar) saytın semantik bölməsi kimi müəyyən edilir. Sayfanın fərqli bir hissəsini qeyd edərkən bu elementi istifadə etmək məcburiyyətindəyəm - toptan köçürülə bilən və digər səhifələrdə və ya saytın bir hissəsində istifadə edilə bilən bir bölmə. İstədiyiniz təqdirdə, məzmunun fərqli bir məzmunu və ya məzmunun "bölməsi".
Əksinə, siz bölünmək istədiyiniz səhifənin bölmələri üçün DIV elementindən istifadə edirsiniz, ancaq semantikdən başqa məqsədlər üçün. CSS ilə istifadə etmək üçün özümə "çəngəl" vermək üçün bunu tamamilə aparıramsa, bir bölmə içindəki bir sahəni bağlayaram. Bu, semantiklərə əsaslanan məzmunun ayrı bir hissəsi ola bilməz, ancaq mənim səhifəm üçün istədiyiniz düzəlişə nail olmaq üçün diktə etdiyim bir şeydir.
Hər şey Semantik haqqında
Anlamaq üçün çətin bir anlayışdır, ancaq DIV elementi ilə SƏHM elementi arasındakı fərqi semantikdir. Başqa sözlə, bölündüyünüz kod bölməsinin mənasıdır .
Bir DIV elementi içərisində olan hər hansı bir məzmunun heç bir mənası yoxdur. Ən yaxşı şeylər üçün istifadə olunur:
- CSS üslubları və CSS üslubları üçün qarmaqlar
- Layout qabları
- JavaScript kanca
- HTML bölmələri oxumaq asanlaşdırmaq üçün
DIV elementi, sənədlərimizi tərtib etmək və sütunlar və xülya düzülüşləri yaratmaq üçün çəngəl əlavə etmək üçün istifadə etdiyimiz yeganə elementdir. Bununla əlaqədar, biz DIV elementləri ilə hiddətlənmiş HTML-lərlə başa çatdıq. Veb dizaynçıların "divit" dedikləri nə ola bilərdi? DIV elementini yalnız istifadə edən WYSIWYG redaktorları da var idi. Mən, həqiqətən, paraqraflar üçün DIV elementini istifadə edən HTML üzərində işləyirdim!
HTML5 ilə biz daha çox semantik təsvir sənədləri (naviqasiya və təsviri rəqəmlər üçün istifadə edərək) yaratmaq üçün bölmə elementlərindən istifadə etməyə başlaya bilərik və bu elementlər üzərində üslubları müəyyənləşdirə bilərik.
SPAN elementi haqqında nə deməkdir?
DIV elemanı düşünərkən insanların çoxu düşündüyü digər element elementdir. Bu element, DIV kimi, semantik element deyil. Satır içi elementdir və inline məzmun blokları (ümumiyyətlə mətn) ətrafında üslub və skriptlər üçün qarmaqlar əlavə etmək üçün istifadə edə bilərsiniz. Bu mənada, DIV elementinə bənzəyir, yalnız blok elementi deyil, yalnız inline. Bəzi yollarla DIV'i blok səviyyəli bir SPAN elementi kimi düşünmək və yalnız HTML-lərin bütün blokları üçün İSPAN kimi istifadə etmək daha asan ola bilər.
HTML5-də müqayisə edilən inline bölmə elementi yoxdur.
Daha Köhnə Versiyonlar üçün Internet Explorer
HTML5-i etibarlı şəkildə tanısamayan IE-nin (IE 8 və aşağı kimi) dramatik köhnə versiyalarını dəstəkləyən olsanız da, semantik olaraq düzgün HTML etiketlərindən qorxmamalısınız. Semantika sizə və sizin komandanızın gələcəkdə səhifəni idarə etməsinə kömək edəcəkdir (bu bölmənin ARTICLE elementi ilə əhatə olunduğu məqalə olduğunu biləcəksiniz). Üstəlik, bu etiketləri tanıyan brauzerlər onları daha yaxşı dəstəkləyəcəklər.
HTML5 semantik bölmə elementlərini Internet Explorer-da istifadə edə bilərsiniz. HTML-ləri etiketləri tanımaq üçün scripting və bir neçə ətraf DIV elementləri əlavə etmək lazımdır.
DIV və BÖLMƏ Elements istifadə
Onları düzgün istifadə edirsinizsə, DIV və SECTION elementlərini həm də etibarlı bir HTML5 sənədində istifadə edə bilərsiniz. Bu məqalədə burada gördüyünüz kimi, məzmunun semantik cəhətdən ayrı bir hissəsini müəyyən etmək üçün SƏHM elementindən istifadə edirsiniz və DIV elementini CSS və JavaScript üçün qarmaqlar kimi istifadə edirsiniz, eləcə də semantik bir mənaya malik olmayan düzeni müəyyənləşdirirsiniz.
Jennifer Krynin tərəfindən hazırlanan əsər. 3/15/17 tarixində Jeremy Girard tərəfindən tərtib edilmişdir