new content + fixes + dep update

This commit is contained in:
Nico 2022-11-16 18:12:05 +01:00
parent f339dc7c8e
commit 6214c827eb
8 changed files with 456 additions and 183 deletions

View file

@ -19,12 +19,50 @@ On ne peut pas utiliser un `h4` après un `h2` si aucun `h3` n'est présent entr
## Exemples
### Structure incorrecte
```html
<h1>Titre principal</h1>
<h2>Titre secondaire</h2>
<h4>Sous-titre</h4> // [!code error]
```
### Structure correcte
```html
<h1>Titre principal</h1>
<h2>Titre secondaire</h2>
<h3>Sous-titre</h3>
<h2>Titre secondaire</h2>
<h3>Sous-titre</h3>
<h4>Sous-titre</h4>
<h2>Titre secondaire</h2>
```
### Structure complexe correcte
```html
<h1>Sandwich PB&J</h1>
<h2>Les ingrédients</h2> // [!code hl]
<h3>Le frais</h3> // [!code hl]
<ul>
<li>confiture</li>
</ul>
<h3>Le sec</h3> // [!code hl]
<ul>
<li>pain</li>
<li>beurre de cacahuette</li>
</ul>
<h2>Les étapes</h2> // [!code hl]
<ol>
<li>couper deux tartines de pain</li>
<li>étaler la confiture sur une tartine</li>
<li>étaler le beurre de cacahuette sur lautre tartine</li>
<li>faire un sandwich</li>
</ol>
```
Il est possible de revenir à un titre de niveau supérieur à n'importe quel moment.
:::warning Styles et titres
Il est fréquent de voir des titres importants utiliser un niveau inférieur pour des raisons de styles. Ce n'est pas une bonne pratique, il faudra préférer utiliser une classe plutôt que de modifier la structure du document.
:::