A quoi sert la balise html5 side ? Résumé de l'utilisation de la balise html5 side (avec exemples)

Cet article vous présente principalement la balise side en HTML5, présente le rôle de la balise et comment l'utiliser avec des exemples. En tant que colonne latérale de l'article, la balise side a un grand effet. également des exemples de deux méthodes couramment utilisées lors de la création de sites Web.

Manuel recommandé : Manuel de référence de la dernière version HTML5

D'accord, jetons un coup d'œil à cet article

Tout d'abord, jetons un coup d'œil à la signification de la balise html5 side :

La balise définit un contenu en dehors du contenu dans lequel elle se trouve.

Le contenu mis à part doit être pertinent par rapport au contenu à proximité.

Le rôle de la balise html5 side : Le contenu de

article

définit le contenu autre que l'article. Le contenu de l’aparté doit être lié au contenu de l’article. (Il s'agit du site Web PHP chinois)

<p>大家好，这里是PHP中文网.网址是www.php.cn</p>
<aside>
  <h4>编程教程</h4>
  这里有很多的优质的课程等你来学习
</aside>

L'effet est l'image suivante :

côté dedans HTML5 Deux façons d'utiliser les balises :

Il existe deux manières principales d'utiliser les éléments apart dans la production de sites Web :

1 Il est inclus dans l'élément article. as La partie informations subsidiaires du contenu principal peut inclure des informations pertinentes liées à l'article en cours, une explication de classement, etc.

<article>
  <h1>PHP中文网</h1>
  <p>欢迎访问www.php.cn</p>
  <aside>这里是PHP中文网</aside>
</article>

Jetons d'abord un coup d'œil à l'effet :

Articles connexes recommandés :1.
À propos du HTML La différence entre la balise

et la balise

​ 2.Savez-vous comment utiliser la barre latérale HTML5aside ?
Recommandations vidéo associées :
1.Tutoriel vidéo Dugu Jiujian (1)_HTML5
2. Utiliser en dehors de l'élément d'article en tant que page ou A. section d’informations auxiliaires à l’échelle du site. La plus typique est la barre latérale, qui contient des liens conviviaux, des listes d'autres articles du blog, des unités publicitaires, etc.

Jetez enfin un oeil à l'effet :

<aside>
  <h2>这还是PHP中文网</h2>
  <ul>
    <li>一个学编程必备的网站</li>
    <li>一个很活跃的网站</li>
  </ul>
  <h2>PHP中文网</h2>
  <ul>
    <li>欢迎你的到来</li>
    <li>想学什么编程都可以来</li>
  </ul>
</aside>

[Recommandation de l'éditeur]

Comment centrer le html Balise h1 ? À propos de l'exemple d'analyse du centrage h1 en html

Un résumé de la valeur de l'attribut de classe de la balise 🎜>

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!