Що вибрати div, section, article, webhitech

Помітною відмінністю HTML5 від попередніх версій мови розмітки гіпертексту є хто витерпить суттєві зміни словник, що включив в себе ряд абсолютно нових і поки ще не занадто звичних розробникам структурних елементів.







Традиції використання нових структурних елементів ще, ясна річ, не встигли сформуватися, тому не дивно, що на багатьох сторінках, створюваних сьогодні з використанням HTML5 захопленими натурами в міру їх власного розуміння, можна зустріти досить екзотичні варіанти поєднання нових і "старих" тегів розмітки.

Схоже, що найбільша кількість дивацтв породжує використання елементів

і
- семантика інших начебто як більш самоочевидна.

Так, дуже часто (ну, якщо це слово взагалі застосовне щодо HTML5-сайтів, які поки вкрай нечисленні в загальній масі) можна спостерігати, що, захопившись тягою до всього нового, верстальники ліплять

всюди, де тільки виходить - ну, тобто, там, де пару років тому вони б вжили
.







Таку практику ніяк не можна вважати такою, що заслуговує схвалення, оскільки елемент

. як і інші нові елементи секціонування, на відміну від семантично нейтрального
. наділений чітким призначенням. елемент
належить використовувати для тематичної угруповання контенту - він може містити в собі, наприклад, главу великої статті або, навпаки, включати в себе кілька розміщених на одній сторінці щодо коротких статей, об'єднаних якимись загальними ознаками. Як правило, вміст елемента
починається з заголовка - або ж, принаймні, мається на увазі потенційна можливість озаглавити таку порцію контенту.

Якщо ваше завдання - відокремити якусь область з метою так чи інакше спозиционировать її на просторі сторінки, застосувати до неї певні стильові правила, і при цьому всередині цієї області може розташовуватися теоретично все, що завгодно - вирішувати таке завдання слід, як і раніше, за допомогою елемента

. елемент
в подібній ситуації зовсім-зовсім не підходить.

елемент

має більш вузьке призначення, ніж
. Цим тегом має сенс розмічати якісь самодостатні, незалежні порції контенту, які в принципі можуть бути використані самостійно без прив'язки до решти вмісту сторінки - наприклад, для передруку на іншому сайті, для експорту в RSS і так далі.

Журнал про веб-розробці

технологічний конкурс

Хронологія конкурсу