HTML5 структура
HTML5 структура - div, раздел и статия
Появиха се нови елементи във формата за маркиране HTML5, които служат като заместители на обичайните блокови елементи с атрибути class и id, например
Помислете за три елемента, които лесно могат да бъдат объркани помежду си:
Разлика между div, раздел и статия
В HTML4 div беше използван като основен елемент за маркиране. Нямаше особено семантично значение. Нямаше и специални изисквания за съдържанието и връзката между него в рамките на блока.
Секционен елемент
Новият елемент на секцията е много подобен на div, тъй като той се използва като контейнер, но вече има специално семантично значение - обектите, които се намират вътре в него, са обединени от общо значение.
Този елемент се използва и за разбиване на текста на раздели.
Член елемент
Новият елемент на статия е специален вид раздел, който обозначава независима и самостоятелна част от страницата. На негово място може да се използва раздел, но статията добавя по-семантично значение.
Какво да избера?
По аналогия с HTML4, можете да сравните тези маркери с p и blockquote. И двата маркера са блокови елементи, но blockquote, като вариант на p, означава "блок цитиран текст ". Същото е и с раздела и статията: тагът на раздела обозначава текст, който е близък по значение, а етикетът на статия означава смислена част от този текст.