Bienvenu, visiteur! [ Register | Se connecter

 

est ce que br br and /br in html ?

  • Répertoriée 28 octobre 2021 1h17
  • Expires: 8982 jours, 13 hours

Description

est ce que br br and /br in html ?

#
,
, ou
? Clarification sur l’utilisation de la balise `
` en HTML5

Lorsque vous travaillez avec le langage HTML pour structurer vos pages web, vous rencontrez parfois des questions techniques qui semblent évidentes mais cachent des subtilités. Une des interrogations fréquentes concerne la syntaxe de la **balise de saut de ligne `
`** : faut-il l’écrire `
`, `
`, ou `
` ? Dans cet article, nous clarifions définitivement la situation, en nous basant sur les guidelines d’HTML5 et les meilleures pratiques.

## **Contexte : HTML vs. XHTML, une histoire compliquée**
La confusion provient des évolutions historiques du web :

– **HTML 4.01** : Les balises vides (comme `
`, ``, ou « ) ne nécessitaient pas de fermeture. Exemple : `
` était valide et suffisant.
– **XHTML** (2000-2010) : Ce langage exige une **syntaxe stricte**, inspirée du XML. Les balises vides doivent donc se fermer elle-même. Les développeurs ont donc adopté `
`, ``, etc., pour respecter les standards XHTML.
– **HTML5** : En 2014, les spécifications HTML5 réintègrent une **flexibilité** tout en restant compatibles avec le passé.

## **En HTML5, simplifions !**
Désormais, avec HTML5, **les trois syntaxes sont valides**, mais pas idéales pour toutes les situations :

### 1. **`
`**
– **Syntaxe la plus minimaliste et moderne**.
– **Avantages** :
– Respecte les nouvelles règles HTML5.
– Plus « léger » à écrire et à interpréter.
– Utilisation :
« `html

Adresse : 123 Rue de l’Internet
Marseille

« `

### 2. **`
` ou `
`**
– Syntaxe **heritée de XHTML**, tolérée en HTML5 pour la compatibilité ascendante.
– **Pourquoi on l’utilise encore** :
– Certaines migrations de sites anciens XHTML vers HTML5 n’ont pas toutefois changé la syntaxe.
– Certains outils (comme les validateurs) tolèrent cette forme.
– Exemple :
« `html

Ce poème est beau
mais nécessite des pauses.

« `

### **Évitez `
` suivi de slash sans espace**
La forme `
`, sans espace avant le slash, était parfois source d’erreurs en XHTML, mais HTML5 est bienveillant avec presque toutes les syntaxes.

## **Pourquoi `
` préférée en 2023 ?**
1. **Conformité avec HTML5** : Les spécifications officielles recommandent de **simplifier** en utilisant la balise vide basique.
2. **Accessibilité** : Les navigateurs modernes la tolèrent toutes, mais l’approche minimaliste évite les erreurs.
3. **Mise en pratique** : Aucun impact visuel ou fonctionnel entre les versions, mais la syntaxe courte est plus claire.

### Exemples concrets
– **Adresse dans une carte visite** :
« `html

John Doe
123 Avenue du Web
75000 Paris

« `
– **Pourquoi pas `

` à la place ?**
Évitez d’utiliser `
` pour espacer des paragraphes. Préférez `

` (qui crée un paragraphe) suivi d’un espace de style CSS. La balise `
` est réservée à des **sauts de ligne spécifiques** (poèmes, listes numérotées manuelles).

### **Erreurs à éviter**
– **Ajouter une balise de fermeture** :
« `html


–> ❌ **Erreur !** La balise `
` ne s’ouvre/pas.
« `
– **Surcharger le code** : Utiliser systématiquement `
` sans raison lorsqu’un espace ou une CSS seraient plus adaptés.

## **Réponses rapides aux questions fréquentes**

**Q : Dois-je utiliser l’espace avant le slash (`
` vs `
` ?**
**R :** Non, en HTML5, l’espace n’est pas obligatoire, mais la version `
` est la plus clean.

**Q : Est-ce une balise importante pour l’accessibilité ?**
**R :** Oui, mais uniquement pour des cas précis : addresses, citations, ou formes courtes. Évitez l’overuse qui complique le code.

**Q : Fonctionne-t-elle dans tous les navigateurs ?**
**R : Oui**, qu’il s’agisse de `
`, `
`, ou `
, tous les browsers actuels et anciens (même IE9+) supportent ces formats.

## **Quand utiliser `
` ?**
– Formattage d’adresses :
« `html

42, rue du Codage
06100 Nice

« `
– Pour les poèmes ou structure en lignede textes courts :
« `html

Un vers,
suivi d’un autre
dans la même intention.

« `

## **En résumé : choisissez `
`**
– Si vous écrivez en **HTML5**, `<br>` est la forme la plus simple et recommandée.
– Si votre projet nécessite la **compatibilité avec XHTML** (peu courant aujourd’hui), utilisez `
`.
– En tout cas, évitez les habitudes archaïques comme `

` (inutile en HTML) ou l’usage excessif de `
` pour espacer les éléments.

### **Ressources supplémentaires**
– [Stack Overflow : HTML5 et la balise `
`](https://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br)
– [Mozilla Developer Network](https://developer.mozilla.org/fr/docs/Web/HTML/Element/br)
– [Conseils d’accessibilité par WAI](https://www.w3.org/WAI/).

**A vous de jouer !** Choisissez la syntaxe la plus claire et conforme au standard modern, et restez focusz sur l’expérience utilisateur !


*Partagez cette astuce avec vos collègues développeurs ou webdesigners ! 🚀*

   

322 vues au total, 1 aujourd'hui

  

Identifiant de l'annonce : 2784881110601335536

Signaler un problème

Processing your request, Please wait....

Sponsored Links

Laisser un commentaire

 

combien french meaning in english ?

combien french meaning in english ? **Unlock the Secrets of « Combien » in French: A Comprehensive Guide** Are you struggling to understand the nuances of the […]

309 vues au total, 0 aujourd'hui

 

research and development ?

research and development ? ## L’innovation au cœur du succès : Explorer le monde fascinant de la Recherche et Développement (R&D) Avez-vous déjà pensé à […]

221 vues au total, 0 aujourd'hui

 

vous cherchez in a sentence ?

vous cherchez in a sentence ? **Cherchez en Sentences : Les Exemples Français les Plus Utiles** Vous cherchez in a sentence ? Vous vous demandez […]

227 vues au total, 0 aujourd'hui

 

où sont enterrés bonnie and clyde ?

où sont enterrés bonnie and clyde ? Les Sépultures Mystérieuses de Bonnie et Clyde: Un Final Romantique Ou Blasphématoire? Ils étaient les rois des bandits, […]

277 vues au total, 0 aujourd'hui

 

quand est-ce que fast and furious 9 sortie ?

quand est-ce que fast and furious 9 sortie ? **Fast and Furious 9 : La Dernière Aventure de la Famille** La saga Fast and Furious […]

268 vues au total, 0 aujourd'hui

 

comment bien gerer ses actions ?

comment bien gerer ses actions ? **Titre : Gérer ses actions en Bourse : 12 conseils pour un portefeuille performant et sécurisé** — **Introduction** Investir […]

217 vues au total, 0 aujourd'hui

 

pourquoi mon chat me lèche ?

pourquoi mon chat me lèche ? Décodage du comportement de votre chat : pourquoi mon chat me lèche ? Pourquoi mon chat me lèche ? […]

233 vues au total, 0 aujourd'hui

 

publicité quand je fais de la purée mousseline ?

publicité quand je fais de la purée mousseline ? ### Quand La Cuisine Rencontre L’Irresistible Charme Des Années 70: La Publicité Mousline Purée Les publicités, […]

379 vues au total, 0 aujourd'hui

 

pourquoi la mer est salée ?

pourquoi la mer est salée ? # Pourquoi la mer est-elle salée ? Une curiosité scientifique fascinante Quand nous buvons une gorgée d’eau de mer […]

199 vues au total, 1 aujourd'hui

 

où sont mes fichiers onedrive ?

où sont mes fichiers onedrive ? **Où sont mes fichiers OneDrive ?** Si vous utilisez OneDrive pour stocker vos fichiers, vous pourriez vous poser la […]

376 vues au total, 0 aujourd'hui

🧠 Un petit jeu de mémoire ?

  1. Bonjour monsieur le directeur général de Lonaci j'ai l'honneur de solliciter votre depuis 3 ans pour l'obtention d'une machine de…