Qu'est-ce que la balise section en HTML5 ? Comment centrer la balise section en HTML5 ?-Tutoriel H5-php.cn

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

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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