Новият HTML5 раздел елемент може да бъде донякъде объркващо. Ако сте изграждали HTML документи преди HTML5, има вероятност вече да използвате елемента, за да създадете структурни разделения във вашите страници и след това да стилизирате страниците с тях. Така че може да изглежда естествено нещо просто да замените съществуващото си DIV елементи с раздел елементи. Но това е технически неправилно.
„Разделът“ Елемент е семантичен елемент
The РАЗДЕЛ елементът е a семантичен елемент; тя дава значение както на потребителските агенти, така и на хората относно това какво е затвореното съдържание - по-специално, част от документа.
Това може да изглежда много общо описание и това е така, защото е така. Има и други HTML5 елементи които осигуряват повече семантични разграничения на съдържанието ви, които трябва да използвате първо, преди да използвате раздел елемент:
- Член
- Настрана
- Нав
Кога да се използва елементът "раздел"
Използвай статия елемент, когато съдържанието е независима част от сайта, която може да бъде самостоятелна и да бъде синдикирана като статия или публикация в блог. Използвай
настрана елемент, когато съдържанието е тангенциално свързано или със съдържанието на страницата, или със самия сайт, като странични ленти, пояснения, бележки под линия или свързана информация за сайта. Използвай навигация елемент за съдържание, което поддържа навигация в сайта.The раздел елемент е родов семантичен елемент. Използвайте го, когато никой от другите семантични елементи на контейнера не е подходящ. Той комбинира части от вашия документ в отделни единици, които можете да определите като свързани по някакъв начин. Ако не можете да опишете елементите в раздела с едно или две изречения, тогава вероятно не трябва да използвате елемента.
Вместо това трябва да използвате DIV елемент. The DIV елемент в HTML5 е несемантичен елемент на контейнера. Ако съдържанието, което се опитвате да комбинирате, няма семантично значение, но все пак трябва да го комбинирате за стилизиране, тогава DIV element е подходящият елемент за използване.
Как работи елементът "раздел"
Раздел от вашия документ може да се появи като външен контейнер за статии и настрана елементи. Той може също да съдържа съдържание, което не е част от статия или настрана. A раздел елемент може да бъде намерен и в статия, навигация, или настрана. Можете дори да влагате раздели, за да посочите, че една група съдържание е част от друга група съдържание, която е раздел на статия или страницата като цяло.
The раздел елемент създава елементи в очертанията на документа. И като такъв, винаги трябва да имате заглавен елемент (Н1 през Н6) като част от раздела. Ако не можете да излезете със заглавие на раздела, DIV елемент е вероятно по-подходящ.
Ако не искате заглавието на раздела да се показва на страницата, винаги можете да го маскирате с CSS.
Кога да не се използва елементът "раздел"
Има една цел, за която не трябва да използвате раздел елемент: само за стил.
С други думи, ако единствената причина да поставите елемент на това място е да прикачите CSS стил свойства, не трябва да използвате a раздел елемент. намери си семантичен елемент или използвайте DIV вместо това.
В крайна сметка може да не е от значение
Трудността при писането на семантичен HTML е, че това, което е семантично за браузъра, може да е пълна глупост за вас. Ако смятате, че можете да оправдаете използването на раздел елемент във вашите документи, тогава трябва да го използвате. Повечето потребителски агенти не се интересуват и ще покажат страницата, както бихте очаквали дали оформяте a DIV или а раздел.
За дизайнери, които обичат да бъдат семантично коректни, използвайки раздел елемент по семантично валиден начин е важен. За дизайнерите, които просто искат страниците им да работят, това не е толкова важно. Писането на семантично валиден HTML е добра практика и поддържа страниците по-защитени от бъдещето. Но в крайна сметка зависи от вас.