% Structure HTML
% Stéphane Bouvry
% 2018
# Balises textuelle
## Sémantique
Les balises qui suivent sont affichées avec une certaine mise en forme dans le navigateur, par exemple la balise `` est affiché en gras. MAIS ce *confort* ne doit pas être retenu lors du choix des balises car l'apparence sera géré par le CSS par la suite.
Donc utiliser ces balises pour la valeur **sémantique** uniquement.
## Bloc
Quelques balises courantes pour structurer des blocs de contenu en HTML
- `
`,`
`,`
`, `
`, `
`, `
` : Titres
- `
` : Paragraphes
- `
` : Listes
- `
` : Liste ordonée
- `
` : Bloc de citation
- `
` : Préformatté (un truc de développeur)
- `` : Pour... les adresses
## Texte
Quelques balises donnant du sens au texte.
- `` : Emphase
- `` : Important
- `` : Abbréviation
- `` : Acronyme
- `` : Terme technique
- `` : Citation en ligne
- `` : Indice
- `` : Exposant
- `
| Attribut | Description
|-----------|-----------------------------------------------------------------
| `class` | Permet d'assigner une ou plusieurs classes CSS à l'éléments
| `id` | Fixe l'identifiant (unique) de l'élément.
| `style` | Définit une "CSS en ligne"
| `title` | Description complémentaire (affiche une info-bulle)
| `lang` | Précise la langue utilisée dans le contenu (si différente de celle du document)
## Balises neutres
Ces balises n'ont pas fonction sématique, elles sont (très) utilisées par les intégrateurs pour structurer la page pour la mettre en forme (délimiter des colonnes, des zones)
- `
` : Zone type bloc
- `` : Contenu texte (dans le flux)