28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis un débutant en langage HTML, malgré qu'on soit en HTML5, je souhaite comprendre le HTML 4.01 j'ai lu attentivement cet article (très bien écrit).

http://www.alsacreations.com/tuto/lire/530-La-structure-des-balises-bloc-et-en-ligne.html

Je n'arrive pas à comprendre ceci la dernière phrase :

" Les balises HTML ont toutes par défaut des propriétés de rendu CSS particulières. En fait, il existe initialement deux grands groupes principaux de balises : les balises de rendu CSS "bloc" (block) et les balises de rendu CSS "en-ligne" (inline). Ces valeurs de rendu visuel coïncident généralement par défaut avec le groupe d'appartenance HTML. "

J'ai souligné généralement car d'après ce que je comprends, généralement quand une balise HTML est de type "bloc", la valeur de la propriété display du CSS est aussi "block" ?

il y aurait donc deux listes à consulter :

===============
-une liste d'appartenance des balises HTML 4.01 selon la catégorisation d'éléments (block, inline, flow, heading) ; c'est à dire c'est la structure HTML qui n'a aucun rapport avec l'affichage de l'élément.
........
à la suite de l'article, il y a deux liens pour voir la liste HTML4 des éléments de rendu En-ligne et de rendu Bloc
http://htmlhelp.com/reference/html40/inline.html
http://htmlhelp.com/reference/html40/block.html

Est ce que ces deux liens sont juste et indiquent la catégorisation des éléments HTML?
ou bien

les balises qui auront automatiquement la propriété CSS display avec pour valeur par défaut soit "block" ou "inline" en fonction de leur catégorie HTML?

-Au passage il y aurait donc 4 groupes d'appartenance d'une balise HTML ?
car j'ai cherché la liste sur internet des éléments HTML des autres catégories (groupe d'appartenance) ..... flow, heading mais je n'ai rien trouvé .... Smiley decu
===============

et

===============
-une liste des balises des éléments HTML de rendu visuel de ces éléments (avec la proriété display) http://www.w3.org/TR/CSS21/sample.html qui cette ci-fois dépendent du navigateur.

Est-ce bien cette liste ?
================

Merci de vos lumières, le site est très bien fait.
Bon après midi à tous.
sans aller dans des details,ça peut se résumé a 2 type de balises:
un groupe (block) qui sert a balisé des groupes de contenus / zones distinctes (menu, titre, images et textes) ,
et un autre groupe (inline) qui balise du texte (un strong dans un paragraphe par exemple) ou des données (input de type text par exemple).

La mise en forme par défaut et l'utilité de la balise prend alors tout son sens. un titre ou un paraphe imposerons un retour a la ligne avant et après alors qu'un input, une image, un span se fonderont naturellement dans le flux des contenus (inline) textes ou similaires.

Chaque balise sert a structuré un document afin de donner du sens , une hiérarchie aux contenus. (ici un titre, ici un formulaire, ici un paraphe, etc ... ). En principe un document HTML sans mise en forme est lisible et sa structure compréhensible d'un simple coup d’œil et accessoirement utile au référencement des moteurs de recherches.
Merci de ta réponse, j'ai très bien compris cette partie Smiley smile

mais pour faire ma question plus simple: Smiley cligne

je désirerai savoir si un élément de type de bloc ou inline avait toujours comme propriété par
son "display : bloc ou inline"

donc pour vérifier il faut premièrement consulter le catégories des balises HTML avec :

http://htmlhelp.com/reference/html40/inline.html
http://htmlhelp.com/reference/html40/block.html


et deuxièmement pour vérifier si la valeur de la propriété de display est bien à block ou inline il faut consulter
les valeurs de la propriété "display" en CSS que recommendent le W3C via :

http://www.w3.org/TR/CSS21/sample.html


Je veux juste savoir si l'auteur lorsqu'il utilise le mot "généralement" si c'est au travers de ces deux documents qu'il faut vérifier ?

Cordialement.
Merci encore de ta réponse rapide.
L'auteur utilise le mot "généralement" car en principe chaque navigateur embarque sa propre feuille de style par défaut basée sur les recommandations du W3C mais s'y trouve ajouté d'autres style choisis ou spécifique a chaque (version) navigateur.
Ces différences peuvent joué sur des balises récemment introduites et qui ne sont pas encore totalement bien implementées.
Merci
Mêmes si les naviguateurs appliquent leurs valeurs pour la propriété display. Je vais quand même regarder les recommandations du W3C.