GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs/html #25

Merged
GauthierWebDev merged 16 commits from docs/html into main 2025-05-13 13:37:11 +00:00
Conversation 0 Commits 16 Files Changed 16 +69 -1
1 changed files with 69 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b0eda8e506 - Show all commits

68
app/pages/docs/html/balises-de-base/+Page.mdx
View File

@ -155,3 +155,71 @@ Il existe deux catégories de balises pour les tableaux :
- `<tfoot>` : Définit le pied de page du tableau. - `<tfoot>` : Définit le pied de page du tableau.
<tabs.htmlBasicTable /> <tabs.htmlBasicTable />
## 📦 Divisions sémantiques
Les balises `<header>` _(à ne pas confondre avec la balise `<head>`)_, `<main>`, `<section>`, `<article>`, `<aside>` et `<footer>` fournissent un contexte sémantique pour différents types de contenu sur une page web.
Elles sont utilisées pour améliorer l'accessibilité, le référencement et la compréhension du contenu par les
navigateurs et les moteurs de recherche.
### 8. En-tête de page et de section
La balise `<header>` est utilisée pour définir l'en-tête d'une page ou d'une section.
### 9. Contenu principal
La balise `<main>` est utilisée pour définir le contenu principal de la page.
Elle ne peut être utilisée qu'une seule fois par page et doit contenir le contenu principal de la page, en excluant l'en-tête, le pied de page et les barres latérales.
### 10. Sections
La balise `<section>` regroupe un contenu thématique ou une sous-section de la page.
Elle est généralement utilisée pour diviser le contenu en sections logiques.
### 11. Articles
La balise `<article>` représente un contenu autonome, comme un article de blog ou une publication.
### 12. Contenu complémentaire
La balise `<aside>` est utilisée pour définir un contenu complémentaire ou secondaire, comme une barre latérale ou une citation.
### 13. Pied de page et de section
La balise `<footer>` est utilisée pour définir le pied de page d'une page ou d'une section.
### 14. Conteneurs génériques
La balise `<div>` est un conteneur générique utilisé pour regrouper des éléments sans signification sémantique.
Il s'agit d'une balise des plus courantes en HTML, mais qui est souvent utilisée à tort.
On préférera l'utiliser pour regrouper des éléments qui n'ont pas de signification sémantique ou lorsque l'on souhaite appliquer un style CSS à un groupe d'éléments.
Autrement, on utilisera les balises sémantiques appropriées pour donner du sens au contenu !
## 📜 Formulaires et entrées utilisateur
### 15. Formulaires
Pour la création d'un formulaire, HTML fournit la balise `<form>` qui permet de regrouper les éléments de formulaire et de définir l'action à effectuer lors de la soumission du formulaire.
Elle est construite avec les attributs `action` et `method` :
- `action` : Spécifie l'URL vers laquelle les données du formulaire seront envoyées.
- `method` : Spécifie la méthode HTTP à utiliser pour envoyer les données du formulaire _(GET, POST, etc.)_.
### 16. Champs de saisie
Par champs de saisie, on entend les éléments qui permettent à l'utilisateur de saisir des données dans la formulaire.
Il existe plusieurs types de champs de saisie, chacun ayant un rôle spécifique :
- `<input>` : Champ de saisie générique.
- `<textarea>` : Champ de saisie multiligne.
- `<select>` : Liste déroulante.
- `<button>` : Bouton cliquable.
## 📚 Conclusion
Cet article a présenté quelques-unes des balises HTML les plus courantes utilisées pour structurer le contenu d'une page web.
Bien évidemment il en existe beaucoup d'autres, mais celles-ci sont les plus utilisées et les plus importantes pour créer une page web fonctionnelle et accessible.