Introduction à l'utilisation de la balise en HTML

Comment utiliser cette balise ? Soyez précis ! Le
W3C explique : la balise

définit un contenu en dehors du contenu dans lequel il se trouve. Le contenu mis à part doit être pertinent par rapport au contenu à proximité.
Il n'y a aucun sens à l'existence ! A quoi sert cette étiquette ?

à part est sémantique la balise
est généralement utilisée pour décrire un contenu qui n'est pas lié au contenu principal du document
Par exemple, les articles de blog utilisent la balise atricle, et la barre d'informations de l'article à côté du blog (l'avatar de l'auteur, la catégorie de l'article de blog et le niveau de l'auteur n'ont aucun rapport avec le contenu du corps du blog.) En utilisant à part
Baidu sait qu'il s'agit d'un site Web de questions et réponses. Ce sont des questions et des réponses, donc le côté questions et réponses utilise l'article, et les informations utilisateur et la progression de la mise à niveau sur la droite, les publicités et les connaissances recommandées n'ont rien à voir avec la réponse à la question ou le contenu de la question. lié au contenu du sujet, utilisez apart
De manière simple, apart peut être utilisé comme affichage d'informations générales (colonne d'informations), etc.

L'éditeur suivant partagera avec vous deux façons d'utiliser la balise side. Nous présentons ici en détail les deux façons d'utiliser la balise side. J'espère que cela sera utile à tout le monde.

1 ) est inclus dans l'élément article en tant qu'information auxiliaire dans le contenu principal. informations pertinentes liées à l'article en cours, explication du classement, etc.

<article>
  <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

2) Utilisez-le en dehors de l'élément article en tant que partie d'information subsidiaire globale de la page ou du site. La plus typique est la barre latérale, où le contenu peut être des liens conviviaux, d'autres listes d'articles dans le blog, des unités publicitaires, etc.

<aside>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>

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!