Maison > interface Web > Tutoriel H5 > le corps du texte

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

寻∝梦
Libérer: 2018-08-15 13:29:16
original
12105 Les gens l'ont consulté

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

dans le nouvel élément sémantique :

 : 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>
Copier après la connexion

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>
Copier après la connexion

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

  • , 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

    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>
    Copier après la connexion

    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

    . 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!

  • source:php.cn
    Déclaration de ce site Web
    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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal