Баракчада мазмунду семантикалык бөлүштүрүү кандай?

Мазмундун семантикалык бөлүнүшү тиешелүү HTML5 тегдерин колдонуу менен жетишилет.

Негизги семантикалык тегдер:

• <header>: Кирүү же навигациялык же кирүү элементтеринин тобу. Көп учурда сайттын аталышы, навигация, логотип камтылган.
• <nav>: Навигация шилтемелеринин блогу.
• <main>: Документтин негизги мазмуну. Баракчада уникалдуу болушу керек (футерде, башталышта, жакта көрсөтүүдөн алыс болуу керек).
• <article>: Өзүнчө, көзкарандысыз мазмун бөлүгү (макала, блог посту, комментарий).
• <section>: Документтин бөлүнгөн бөлүмү (бөлүм, параграф, башкы баракчадагы мазмун блогу). Аты-жөнү болушу керек (<h1>-<h6>).
• <aside>: Негизги мазмунга косумча байланыштуу мазмун бөлүгү (жакта, цитата, жарнама).
• <footer>: Бөлүмдүн же документтин аягындагы бөлүм. Адатта, автор тууралуу маалымат, автордук укуктар, байланыш документтерине шилтемелер камтылган.
• <figure>: Өзүнчө мазмун (сүрөт, диаграмма, таблица), ал документтин негизги агымынан которулуп, маанисин жоготпостон которулушу мүмкүн. Көп учурда <figcaption> менен колдонулат.
• <figcaption>: <figure> элементине белгилөө.
• <mark>: Текстти белгилейт (белгилейт), ал айлана-чөйрө тексттин контекстинде өзгөчө мааниге же кызыгуусуна ээ.
• <time>: Так убакытты же убакыт аралыгын көрсөтөт.

Семантикалык тегдердин колдонушу жеткиликтүүлүктү, SEOны жана кодду тейлөөдө жакшыртат. Издөө системалары жана жардамчы технологиялар (экран окууучу) барактын түзүлүшүн жакшыраак түшүнөт.