Maison >interface Web >Tutoriel H5 >Qu'est-ce que la balise section en HTML5 ? Comment centrer la balise section en HTML5 ?

Qu'est-ce que la balise section en HTML5 ? Comment centrer la balise section en HTML5 ?

寻∝梦
寻∝梦original
2018-08-15 13:29:1612145parcourir

Qu'est-ce que la balise section en HTML5 ? Comment centrer la balise section en HTML5 ? Cet article vous donne des exemples en détail pour votre commodité. La définition et la fonction de la section en HTML5 sont toutes des exemples. (Il y a aussi un élément plus tard qui a quelque chose à dire )

HTML5 - Nouveaux éléments sémantiques en-tête, navigation, section, article, aparté, pied de page, etc.

en HTML5 par rapport aux versions précédentes Au niveau de la rédaction du document, certaines balises ont été ajoutées. Structure des éléments telle que l'en-tête, le pied de page, la zone de contenu, etc. Parmi eux, des éléments d'article et de section sont ajoutés aux éléments de structure principaux. Alors, quelle est la différence entre eux ? Quand utiliser l'article et quoi utiliser la section

Qu'est-ce que l'article :Qu'est-ce que la balise article en HTML5 ? Où l’élément article est-il utilisé en HTML5 ?

Parlons aujourd'hui de la définition de l'élément 2f8332c8dcfd5c7dec030a070bf652c3 dans le nouvel élément sémantique :

2f8332c8dcfd5c7dec030a070bf652c3 : Il définit le document Section (section, section). Tel qu'un chapitre, un en-tête, un pied de page ou toute autre partie du document, une section contient généralement un ensemble de contenu et son titre.

Le rôle de l'élément section en HTML5 :

L'élément section est utilisé pour segmenter le contenu de la page, comme la segmentation des articles, etc., section adjacente éléments Le contenu doit être pertinent et non indépendant comme un article. Par exemple, un article :

<article>
      <header><h1>计算机各类语言介绍</h1></header>
      <p>本文列举了部分计算机语言的一些介绍</p>
      <section>
        <h2>JavaScript</h2>
        <p>js是一门……</p>
      </section>
      <section>
        <h2>HTML</h2>
        <p>HTML是一门……</p>
      </section>
      <footer>版权归微也所有</footer>
	  </article>

Comment centrer la balise section en HTML5 :

Je pense qu'en utilisant le style CSS, text-align: center, c'est au centre, regardons un exemple :

<!DOCTYPE HTML>
<html>
    <meta charset="UTF-8" />
    <head>
        <title>PHP中文网</title>
    </head>
    <script src="http://lwww.php.cn/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
    </script>
    <style type="text/css">
        html,
        body {
            margin: 0;
            padding: 0;
         }
         .demo {}
    </style>
    <body>
        <div class="demo">
            <section style="text-align: center;">
                <h1>title</h1>
                <p>2017-07-11</p>
            </section>
        </div>
    </body>
 </html>

Bien que les éléments de section puissent techniquement être stylisés, nous recommandons toujours d'utiliser des éléments div lorsqu'il existe des styles ou des scripts complexes.

Semblable à l'élément 25edfb22a4f469ecb59f1190150159c6, l'élément section est utilisé pour répertorier le contenu.

Donc, dans des exemples concrets, la raison de l'utilisation de l'élément 2f8332c8dcfd5c7dec030a070bf652c3 est de structurer le contenu du blog :

<div class="blog">   
    <section class="post">   
        <h2 class="post-title">Blog Post Title</h2>   
        <p class="post-excerpt">Ice cream tart powder jelly-o.    
        Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>   
    </section>   
    <section class="post">   
        <h2 class="post-title">Blog Post Title</h2>   
        <p class="post-excerpt">Ice cream tart powder jelly-o.    
        Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>   
    </section>   
    <section class="post">   
        <h2 class="post-title">Blog Post Title</h2>   
        <p class="post-excerpt">Ice cream tart powder jelly-o.    
        Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>   
    </section>   
</div>

C'est juste. un exemple,

【Les éléments ont quelque chose à dire】

section :

Bonjour mesdames et messieurs, je suis section. La conférence internationale à laquelle j'ai assisté m'a présenté ainsi : " L'élément section représente une section générique d'un document ou d'une application. Une section, dans ce contexte, est un regroupement thématique de contenu, généralement avec un titre. " Je suis avec Semantic div, "Des exemples de sections seraient les chapitres, les différentes pages à onglets d'une boîte de dialogue à onglets ou les sections numérotées d'une thèse. La page d'accueil d'un site Web pourrait être divisée en sections pour une introduction, des actualités et des informations de contact. " Je participe généralement à des chapitres avec des articles, des onglets dans une boîte de dialogue à onglets ou des sections numérotées d'un article. La page d'accueil d'un site Web peut être divisée en sections telles que l'introduction, les actualités et les coordonnées. Je ne suis pas une simple balise de conteneur ordinaire. Lorsqu'une balise est uniquement destinée au style ou à faciliter la création de scripts, vous devriez vous adresser à mon ami div . De manière générale, je suis à l'aise avec les éléments lorsque leur contenu apparaît clairement dans le plan du document. Généralement avec un titre 2f8332c8dcfd5c7dec030a070bf652c34a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372ae388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a34d7ab0de9a42de71c682b0860bad1410. Je l'utiliserais pour regrouper le contenu des pages d'un site Web ou d'une application.

[Recommandations associées]

Quels sont les attributs de la balise HTML IMG ? Comprendre l'utilisation de la balise IMG

Qu'est-ce que le Web en HTML5 ? Quels sont les éléments du stockage Web ?


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn