Utilisation de l'élément section en HTML5

Exemples d'utilisation et de code de l'élément

L'élément

1. Utilisation de base de l'élément

1. Diviser le contenu de la page
   
   peut diviser le contenu de la page en blocs indépendants, permettant aux utilisateurs de comprendre et de parcourir la structure de la page plus clairement. Par exemple, si une page Web contient plusieurs sujets, vous pouvez utiliser l'élément

   pour diviser chaque sujet en sections indépendantes.

L'exemple de code est le suivant :

<section>
    <h2>主题一</h2>
    <p>这是主题一的内容</p>
</section>

<section>
    <h2>主题二</h2>
    <p>这是主题二的内容</p>
</section>

<section>
    <h2>主题三</h2>
    <p>这是主题三的内容</p>
</section>

2. Améliorer l'accessibilité
   L'élément
   peut également aider les outils d'accessibilité tels que les lecteurs d'écran à interpréter et à restituer correctement le contenu de la page, améliorant ainsi l'accessibilité. En utilisant l'élément

   pour encapsuler le contenu pertinent, vous pouvez faciliter la navigation et la compréhension de la page Web par les utilisateurs.

L'exemple de code est le suivant :

<section>
    <h2>关于我们</h2>
    <p>公司简介</p>
</section>

<section>
    <h2>产品介绍</h2>
    <p>产品1</p>
    <p>产品2</p>
</section>

<section>
    <h2>联系方式</h2>
    <p>电话：123456789</p>
    <p>邮箱：example@example.com</p>
</section>

2. Utilisation imbriquée des éléments

<section>
    <h2>主题一</h2>
    <article>
        <h3>子主题一</h3>
        <p>这是子主题一的内容</p>
    </article>
    <article>
        <h3>子主题二</h3>
        <p>这是子主题二的内容</p>
    </article>
</section>

<section>
    <h2>主题二</h2>
    <article>
        <h3>子主题一</h3>
        <p>这是子主题一的内容</p>
    </article>
    <article>
        <h3>子主题二</h3>
        <p>这是子主题二的内容</p>
    </article>
</section>