5569 sujets

Sémantique web et HTML

[Résolu] Imbrication des balises <P>

Bonjour les Amis
Excusez moi d'être un peut long mais j'ai besoins de critique ou suggestions, sur ma
page type. (CSS GRID). Alors Amis volontaires merci d'avance !

J'ais écrit entre autre ,en 20 ans 120 pages pour les lauréats annuels en général grands reporter connus.. bref je révise cette partie importante et souhaite que ces pages soient d'une structure strictement identiques. J'en ai donc choisie une que je vous ait mise sur le site
https://fox-infographie.com/laureat-html-resultant.htm
Depuis que (souvent ici Smiley smile ) des parties importantes ont étés corrigées il reste quelques points ou j'ai des doutes:
Aujourd'hui il s'agit des Spam et balises <P
MA QUESTION DU JOUR ..
Au début du <div class="content"> j'ouvre un SPAM et un <P ors j'ouvre un autre <P
que je ferme assez vite ! alors que le premier SPAM et <P de début se ferme juste avant
la fin du "DIV Content" qu'en pensez vous

<!DOCTYPE html><html lang='fr'><head> 
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<!  ***********    Etc.. ******************   -->
<link  rel='stylesheet' media='all'  href='bleufox.css' type='text/css'  />
</head><body>
<div class='wrapper'>

<div class="content">

<div class="centre4blanc" ><br />
<span class="leTitre">Découvrez Anjan Ghosh <br />Le photographe de son pays, <br /></span><br /><br /><br />

<span class="LaFonte_blog_left"><p class="Center">

( **** Ici un paragraphe de 15 ligne sans aucune balise *****)
 <br /><br />
<br /><img class="bande2" src="logos/anjan-ghosh042.jpg" alt="  Anjan Ghosh  " /> <br />

<figure class="blogHAUT">
<img src="logos/anjan-ghosh00.jpg" alt="Anjan Ghosh" class="blogHAUT">
<figcaption class="blog">
<h2 class="blog"><b> Anjan Ghosh</b></h2>
<p class="blog"> 
The Fox-Infographie Team loves his work <br />
L'Equipe de Fox-Infographie aime beaucoup son oeuvre 
 </p></figcaption></figure>
<br />
<figure class="blogTOPO"> 
    <img src="logos/anjan-ghosh-lien.png" alt=" " class="blogTOPO">
    <figcaption class="blogTOPO">
    <a href="wblog_anjan-ghosh2.php" class="b-bleu">découvrez d'autres univers de Anjan-Ghosh </a><br />
    </figcaption>
  </figure>
<br />
<img class="bande2" src="logos/anjan-ghosh002.jpg" alt="  anjan-ghosh  " /> <br /><br />
<img class="bande2" src="logos/anjan-ghosh003.jpg" alt="  anjan-ghosh  " /> <br /><br />
<!  ***********    Etc.. ******************   -->
<br /><br />
<a href="https://www.anjanghosh.com/"   class="LesA3"  target="_blank" >Le site web de Anjan Ghosh   </a><br /> 
<br /><br />
</p></span>
</div></div>
<div class='footer'><div id='bas'></div><br />
</div></div></body></html>

excusez le CSS est encore très gros et sera l'objet de mon prochain travail de fond.
Mille mercis pour ceux qui auront tout lu Smiley smile
Merci l'Ami, tu analyse un html dans lequel je vous avez mis des commentaires
bien sur ce n'est pas le code HTML du site Smiley smile tu t'en doutes !
cependant je retires tout mes commentaires comme cela tu sera plus a l'aise ,désolé de t'avoir fait perdre ce temps Smiley confused .
Et merci pour ce premier regard !

Nota l'ancienne syntaxe reste valide tout de même en HTML 5
ChatGPT 4.0 précise:

En HTML, l'utilisation de la balise <br> pour insérer un saut de ligne est courante. Historiquement, HTML permettait d'écrire simplement <br> sans la barre oblique (/). Cependant, dans les normes XHTML (une version plus stricte de HTML qui respecte les règles de XML), il est requis de fermer toutes les balises vides, c'est-à-dire celles qui ne contiennent pas de contenu, avec une barre oblique : <br />.

Aujourd'hui, avec l'HTML5, qui est la version couramment utilisée pour le développement web moderne, l'utilisation de la barre oblique est facultative. Vous pouvez donc écrire :

<br> <br />
Les deux sont valides, mais la version sans la barre oblique (<br>) est plus courante et recommandée dans l'HTML5.

En résumé, si vous écrivez du HTML5, il n'est pas nécessaire de mettre la barre oblique, mais cela reste correct de le faire.

Tout mon BlaBla étant dit, reste que ton superbe outil répond à ma question, les balises P ne doivent pas être enfant d'un SPAN je vais donc les retirer et tester ainsi !

Mille mercis à toi (et merci pour l'adresse de ton outil.
Dans votre code HTML, le problème vient de l’ouverture d’un second `<p>` à l’intérieur du premier `<span>`. Le `<p>` initial devrait être fermé avant d’en ouvrir un autre. Supprimez le `<p>` qui est mal placé ou assurez-vous que chaque balise `<p>` ouverte est fermée correctement avant d'en ouvrir une nouvelle pour éviter les erreurs de structure.
Prévenir un modérateur
Répondre au sujet
Aller à