Un élément de bloc est généralement un élément conteneur pour d'autres éléments. Les éléments de bloc commencent généralement sur une nouvelle ligne. Il peut accueillir des éléments en ligne et d'autres éléments de bloc. Un élément de bloc commun est la balise de paragraphe « P ». Extraordinaire, il ne peut être utilisé que pour contenir d'autres éléments de bloc. Sans l'aide de CSS, les éléments de bloc seront disposés ligne par ligne. Avec CSS, nous pouvons changer le mode de mise en page par défaut de ce HTML et placer les éléments de bloc où vous le souhaitez. Au lieu de commencer bêtement une nouvelle ligne à chaque fois. Il convient de souligner que la balise table est également un type d'élément de bloc. La mise en page basée sur un tableau et la mise en page basée sur CSS examinent ces deux mises en page du point de vue des utilisateurs ordinaires (à l'exclusion des personnes malvoyantes, aveugles, etc.), à l'exception des vitesse de chargement des pages À part la différence, il n’y a pas d’autre différence. Mais si un utilisateur ordinaire clique par inadvertance sur le bouton Afficher le code source de la page, la différence entre les deux sera très grande. Le code source de la page de mise en page CSS conçu sur la base de bons concepts de reconstruction peut au moins permettre aux utilisateurs ordinaires sans expérience en développement Web de comprendre rapidement le contenu. De ce point de vue, le code de mise en page CSS devrait avoir une meilleure expérience esthétique. Vous pouvez considérer l'élément conteneur de blocs div comme des boîtes, ou si vous avez joué avec le découpage, ce sera plus facile à comprendre. Nous avons d'abord découpé les articles nécessaires dans divers journaux et magazines. Chaque élément de contenu coupé est un bloc. Ensuite, nous avons collé ces morceaux de papier sur un nouveau morceau de papier vierge selon notre intention de mise en page. Cela formera votre propre résumé unique. En tant qu'extension de la technologie, la conception de la mise en page Web suit le même modèle. Les éléments en ligne sont généralement basés sur des éléments de base au niveau sémantique. Les éléments en ligne ne peuvent contenir que du texte ou d'autres éléments en ligne, et l'élément en ligne commun "a" l'est. Il convient de noter que le nom chinois de l'élément en ligne comprend une variété d'éléments en ligne, d'éléments en ligne, d'éléments en ligne et d'éléments en ligne. Fondamentalement, il n’existe pas de traduction unifiée, appelez-la simplement comme vous voulez. De plus, lorsque l'on parle d'éléments en ligne, nous penserons à un attribut d'affichage appelé display:inline ; cet attribut peut résoudre le fameux problème de double bordure flottante d'IE. L'élément de bloc (élément de bloc) et l'élément en ligne (élément en ligne) sont des concepts de la spécification HTML. La différence fondamentale entre les éléments block et les éléments inline est que les éléments block commencent généralement sur une nouvelle ligne. Lorsque le contrôle CSS est ajouté, cette différence d'attribut entre les éléments de bloc et les éléments en ligne ne devient plus une différence. Par exemple, nous pouvons ajouter un attribut tel que display:block à l'élément en ligne cite, afin qu'il ait également l'attribut de commencer à partir d'une nouvelle ligne à chaque fois. Les éléments variables sont basés sur les deux éléments ci-dessus et changent avec l'environnement. Son concept de base est qu'il doit déterminer si l'élément est un élément de bloc ou un élément en ligne en fonction du contexte. Les éléments variables appartiennent toujours aux deux catégories d'éléments ci-dessus. Une fois que le contexte a déterminé sa catégorie, il doit suivre les règles des éléments de bloc ou des éléments en ligne. Détails de classification de bloc et en ligne des balises HTML : élément de bloc div css xhtml xml Exemple de code source Exemple de code source élément en ligne div css xhtml xml Exemple de code source Exemple de code source éléments mutables div css xhtml xml Exemple de code source Exemple de code source
◎ adresse - adresse ◎ blockquote - bloc de citation ◎ centre - bloc d'alignement ◎ dir - liste de répertoires ◎ div - commodité de niveau bloc couramment utilisée, également la balise principale de la mise en page CSS ◎ dl - liste de définitions ◎ champset - groupe de contrôle de formulaire ◎ formulaire - interaction Formulaire ◎ h1 - titre principal ◎ h2 - sous-titre ◎ h3 - titre de niveau 3 ◎ h4 - Titre de niveau 4 ◎ h5 - Titre de niveau 5 ◎ h6 - Titre de niveau 6 ◎ hr - Ligne de séparation horizontale ◎ isindex - invite de saisie
◎ menu - liste de menus ◎ noframes - contenu facultatif des frames (afficher ce contenu de bloc pour les navigateurs qui ne prennent pas en charge les frames) ◎ noscript - contenu de script facultatif (afficher ce contenu pour les navigateurs qui ne prennent pas en charge les scripts)
◎ ol - formulaire trié ◎ p - paragraphe ◎ texte pré-formaté ◎ table - tableau ◎ ul - liste non triée
◎ a - point d'ancrage ◎ abbr - abréviation ◎ acronyme - lettre initiale ◎ b - gras (non recommandé)
◎ bdo - remplacement du bidi
◎ big - grande police ◎ br - saut de ligne ◎ citer - citer ◎ code - code informatique (obligatoire pour citer le code source)
◎ dfn - définir les champs ◎ em - souligner ◎ police - paramètres de police (non recommandé)
◎ i - italique ◎ img - image ◎ input - zone de saisie ◎ kbd - définir le texte du clavier ◎ label - étiquette du tableau ◎ q - citation courte ◎ s - souligner (non recommandé)
◎ samp - définit un exemple de code informatique ◎ select - sélection d'éléments ◎ small - texte de petite taille ◎ span - conteneur en ligne couramment utilisé, définit des blocs dans le texte ◎ barré - souligné ◎ fort - accentuation gras ◎ sub - indice ◎ sup - exposant ◎ textarea - zone de saisie de texte multiligne ◎ tt - texte télex ◎ u - souligné ◎ var - Définir des variables
Un élément mutable est un élément de bloc ou un élément en ligne selon le contexte.
◎ applet-applet Java
◎ bouton - bouton ◎ del - supprimer le texte ◎ iframe - cadre en ligne
◎ ins - texte inséré ◎ carte - bloc d'image (carte)
◎ objet - objet objet ◎ script - script client