Основний вміст

  • <body>

Тег <section>

Тег <section> в HTML: опис, синтаксис та використання

Тег <section> визначає розділ документа і може бути використаний для блоку новин, контактної інформації, основного тексту, вкладок у діалоговому вікні тощо. Зазвичай розділ містить заголовок. Дозволяється вкладання одного тегу <section> всередину іншого.

Синтаксис

<section>
</section>

Атрибути

Цьому тегу доступні глобальні атрибути та події.

Закриваючий тег

Обов'язковий.

Приклад

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>section</title>
 </head> 
 <body>
  <section>
   <h1>Съёмки фильма Полипропилен</h1>
   <p>Історія про те, як знімали фільм, де герої відпочивали на пляжі, 
   потім прийшов антагоніст, побив протагоністів, кинув їх у басейн, 
   і що з цього вийшло.</p>
  </section>
  <section>
   <h1>Хороша мова</h1>
   <p>Історія про те, як проходила студія вивчення мови есперанто, 
   в той час, коли над нею, на веранді, проходила студія жартівників, 
   де розповідали анекдоти, і що з цього вийшло.</p>
  </section>
 </body>
</html>

Браузери

Internet Explorer до версії 8.0 не розуміє тег <section>, але відображає його вміст. Також у цьому браузері будь-які стилі не застосовуються до селектора SECTION.

Firefox повністю підтримує цей тег починаючи з версії 4.0, але версії 3.0 і попередні також коректно відображають вміст тегу.

HTML5Документ

Часті запитання

  • Q: Як використовувати тег <section> в HTML?

    A: Тег <section> використовується для визначення групи пов'язаних елементів у документі.

  • Q: Для чого потрібен тег <section> в HTML?

    A: Тег <section> допомагає структурувати вміст документа, роблячи його більш організованим та зрозумілим для браузера та розробника.

  • Q: Яка роль тегу <section> у SEO?

    A: Використання тегу <section> допомагає пошуковим системам краще розуміти структуру документа, що може позитивно вплинути на SEO.

  • Q: Чим відрізняється тег <section> від тегу <div> в HTML?

    A: Тег <section> використовується для групування пов'язаних елементів з певною темою або змістом, в той час як <div> використовується для групування елементів без зазначення тематики.

  • Q: Чи можна вкладати тег <section> всередину іншого тегу <section>?

    A: Так, тег <section> можна вкладати всередину іншого тегу <section>, що дозволяє створювати більш складену структуру документа.