Және МАҚАЛАДЫ, ASIDE және DIV-ды қалай қолдануға болады
Жаңа HTML5 SECTION элементі біраз шатасуы мүмкін. Егер сіз HTML5-ді HTML5-ден бұрын жасаған болсаңыз, онда сіздің беттеріңіздегі құрылымдық бөлімшелерді құру үшін элементті қолданып, содан кейін олармен беттерді стиль жасай аласыз. Демек, бар DIV элементтерін тек SECTION элементтерімен ауыстыру табиғи нәрсе сияқты көрінуі мүмкін. Бірақ бұл техникалық тұрғыдан дұрыс емес. Егер сіз DIV элементін тек SECTION элементтерімен ауыстырмасаңыз, оларды қалай дұрыс пайдаланасыз?
Секция элементі - семантикалық элемент
Біріншіден, SECTION элементі семантикалық элемент болып табылады. Бұл дегеніміз, ол пайдаланушы агенттеріне де, адамдарға да жабық мазмұнның, яғни, құжаттың бөлімі туралы мағынасы бар екенін білдіреді.
Бұл өте жалпы семантикалық сипаттама сияқты көрінуі мүмкін және бұл, өйткені ол. СЕБЕктің элементін пайдаланбас бұрын біріншіден пайдалануыңыз керек мазмұнға көбірек семантикалық айырмашылықтар беретін басқа HTML5 элементтері бар:
- МАҚАЛА
- ASIDE
- NAV
Секция элементін қай кезде пайдалануға болады
ARTICLE элементін пайдаланып, мазмұн бөлікке тәуелсіз болып табылады және мақалада немесе блог жазбаларында секілді болуы мүмкін. ASIDE элементін контент бет мазмұнын немесе бүйірлік тақталар, аннотациялар, сілтемелер немесе байланысты сайт ақпараты сияқты мазмұнмен байланысты болған кезде пайдаланыңыз. Навигацияға арналған мазмұн үшін NAV элементін пайдаланыңыз.
SECTION элементі - жалпы семантикалық элемент. Басқа семантикалық контейнер элементтерінің ешқайсысы сәйкес болмаған кезде оны қолданасыз. Сіз оны құжатты бөліктерін бір-бірімен байланысты деп сипаттайтын бөлек бірлікке біріктіру үшін қолданасыз. Егер бір немесе екі сөйлемдегі бөлімдегі элементтерді сипаттай алмасаңыз, онда сіз элементті пайдаланбауыңыз керек.
Оның орнына, DIV элементін пайдалану керек. HTML5 ішіндегі DIV элементі - семантикалық емес контейнер элементі. Егер сіз біріктіруге тырысатын мазмұнның семантикалық мағынасы болмаса, бірақ оны сәндеуге біріктіру қажет болса, онда DIV элементі қолданылатын тиісті элемент.
Бөлім элементі қалай жұмыс істейді
Құжаттың бөлімі мақалалар мен ASIDE элементтері үшін сыртқы контейнер ретінде көрінуі мүмкін. Ол сондай-ақ ARTICLE немесе ASIDE бөлігі болып табылмайтын мазмұнды қамтуы мүмкін. SECTION элементін ARTICLE, NAV немесе ASIDE ішінен табуға болады. Сіз тіпті мазмұнның бір тобын мақаланың немесе тұтастай беттің бөлімі болып табылатын басқа топтың бөлімі деп көрсету үшін бөлімдерді бөлуге болады.
SECTION элементі құжаттың ішіндегі элементтерді жасайды. Сонымен қатар, бөлімнің бөлігі ретінде сіз әрқашан тақырып элементін (H1 және H6) ұстауыңыз керек. Егер сіз секцияға атау бере алмасаңыз, онда DIV элементі қайтадан сәйкес келеді. Есіңізде болсын, егер сіз секцияның тақырыбын бетте көргіңіз келмесе, оны әрдайым CSS-пен маска жасай аласыз.
Секция элементін пайдаланбағанда
Алдымен жоғарыда берілген семантикалық элементтерді пайдалану үшін кеңестерден басқа, белгілі бір аймақ бар, ол сізде SECTION элементін қолдануға болмайды: тек стилі үшін.
Басқаша айтқанда, егер сіз сол жерде элементті қоятын жалғыз себеп - CSS мәнерінің қасиеттерін қосу, сіз SECTION элементін пайдаланбауыңыз керек. Симантикалық элементті табыңыз немесе оның орнына DIV элементін пайдаланыңыз.
Сайып келгенде бұл маңызды емес
Симантикалық HTML жазудағы қиындық - маған семантикалық нәрсе сіз үшін мүлдем нонсенс болуы мүмкін. Егер сіз өзіңіздің құжаттарыңыздағы SECTION элементін пайдалана отырып, ақтауға болатындығын сезсеңіз, онда оны пайдалануыңыз керек. Көптеген пайдаланушы агенттері сізді қызықтырмайды және бетті DIV немесе SECTION мәнерін жасайтынын күтуіңіз мүмкін.
Семантикалық тұрғыдан дұрыс, семантикалық жолмен SECTION элементін пайдаланатын дизайнерлер үшін өте маңызды. Беттерінің жұмысын қалайтын дизайнерлер үшін бұл маңызды емес. Менің ойымша, семантикалық түрде жарамды HTML жазу жақсы тәжірибе болып табылады және беттерді болашақта дәлелдейді. Бірақ, ақыр соңында, бұл сізге.