Bonjour,

Dans l'éventualité d'une reconversion prochaine, j'ai choisi de refaire le cours HTML/CSS phare d'OCR.

Ayant déjà accompli ce cours - et d'autres plus évolués -, et ayant accumulé depuis un peu d'expérience en conception web, la méthodologie que je découvre dans la correction de certains élèves ébranle mes certitudes.

Rassurez-moi : la balise <p> étant de type block, les titres et autres listes à puces, qui sont idem, n'ont rien à y faire, on est d'accord ?

Merci d'avance,

Julien

-
Edité par Anonyme 28 juillet 2018 à 15:16:30

Bonjour, 

Nous sommes d'accord. 🙂

Bonjour,

j'ajoute que ce n'est pas parce que c'est une balise de type block qu'elle ne peut pas contenir listes et titres, c'est parce qu'elle est destinée à contenir du texte, p = paragraphe

Il est fréquent de trouver des listes ou des titres dans des <div> ou autres balises de type block, bien entendu

Pour appuyer ChrisLebure : les types "block" et "inline" n'existent plus en HTML5, où la sémantique fait loi. Ce pourquoi on ne peut pas mettre de liste ou de titre dans un <p>, c'est parce que son "content model" (la liste de ce que cet élément peut contenir) est "phrasing" (https://www.w3.org/TR/html/grouping-content.html#the-p-element).

ChrisLebure a écrit:

Il est fréquent de trouver des listes ou des titres dans des <div> ou autres balises de type block, bien entendu

Ce que je fais au quotidien, en plus.

Merci à tous pour votre intervention. Je me sens plus serein.

Julien

Bonjour,

Quelque chose m'interpelle :  les types "block" et "inline" n'existent plus en HTML5, où la sémantique fait loi 

Ok, mais le comportement par défaut reste le même, on joue un peu sur les mots non ?  

Comment expliquer la différence visuelle du <p> et d'un lien <a> si on met une bordure sur chaque élément à quelqu'un qui débute ?

-
Edité par pipelette13 28 juillet 2018 à 18:19:17

Comment expliquer la différence visuelle du <p> et d'un lien <a> si on met une bordure sur chaque élément à quelqu'un qui débute ?

On lui dit que c'est les navigateurs qui décident du rendu (du comportement par défaut que tu cites), et que par consensus, il a été décidé que les <p> avaient un rendu block (note le "rendu"), et les <a> un rendu inline

Mais je te l'accorde, cela complexifie le HTML pour les débutants…

-
Edité par Lamecarlate 28 juillet 2018 à 20:17:35

Merci de ta réponse, donc pour résumer on ne parle plus de type met de rendu, c'est bien ça ?

Ce qui implicitement donne la liberté au navigateur, même si on sait tous que le résultat sera le même, enfin sur la dizaine des plus utilisés.

-
Edité par pipelette13 28 juillet 2018 à 21:48:48

pour résumer on ne parle plus de type mais de rendu

Exactement

C'est une séparation encore plus forte entre le contenu (le sens, la sémantique) et le visuel, qui est géré par CSS - et il se trouve que pour des raisons logiques les navigateurs ont une petite feuille de style de base.

Parfait, merci pour ces précisions claires, ça va me permettre de pouvoir l'expliquer si le cas  ce présente et aussi pour ma propre culture.

On en apprend chaque jour ici...

Bonne soirée à toi 

ps: et si je me trompe à l'avenir, reprend moi, oui suis blonde et j'ai tellement cette habitude de parler de type 

-
Edité par pipelette13 28 juillet 2018 à 22:15:51

> si je me trompe à l'avenir, reprend moi

Si tu le veux :), mais certainement pas parce que tu es blonde. Inutile de perpétuer des clichés délétères et de se dévaluer.

J'en joue un peu j'avoue, puis je les coince juste après