Connaissance des standards du Web - balises avec des utilisations similaires_Échange d'expériences

Nous avons déjà parlé de la différence entre strong et em auparavant. En plus de strong et em, il existe des balises similaires telles que q, cite et blockquote. Ces trois éléments appartiennent tous à la catégorie des références, mais il existe encore quelques différences ici. Expliquons-les d’abord une par une.

, la fonction de q est de citer des éléments non bloquants, c'est-à-dire de citer du contenu qui ne peut pas former un paragraphe. Il peut s'agir d'une phrase prononcée par quelqu'un, ou cela peut l'être. un extrait de document, etc. Il a des caractéristiques tout à fait uniques. Évidemment, il s'agit d'une « une phrase ». Et q lui-même ne génère pas de paragraphes. q lui-même n'a aucun style et les navigateurs généraux ne définiront pas de style par défaut pour le faire ressortir. Mais nous pouvons utiliser CSS pour le distinguer du contenu général. Il y a un autre attribut dans la balise q qui est très important, et c'est cite. Dans cette valeur d’attribut cite, il s’agit principalement d’indiquer d’où vient le contenu cité, ou de donner l’adresse en ligne.

Ce contenu vous permettra d'en savoir plus sur les détails du paragraphe
Faites particulièrement attention à ne pas écrire q au lieu de p. Ces deux balises sont faciles à commettre des erreurs.

En fait, j'ai déjà parlé de citer dans l'article précédent. Dans cet article, j'ai écrit : "Cette balise indique uniquement le titre et le nom du document. Cette balise est un peu similaire aux références au niveau du document. au dos de nos livres. Le contenu de la table des matières est aussi un peu comme une note de bas de page « Alors, quelle est la différence entre lui et q ? En fait, il est facile de comprendre que q consiste à afficher le contenu, et citer consiste à afficher le nom de la personne ou le titre du livre qui dit ce contenu. Cite et q sont souvent utilisés ensemble. Par exemple :

M. Lu Xun a dit : À l'origine, il n'y avait pas de routes sur le terrain, mais à mesure que de plus en plus de gens marchaient dessus, il y avait des routes .
Alors, quelle est la différence entre blockquote et eux ? Un blockquote est un block quote, et XHTML lui permet de contenir n'importe quelle balise. Le q et la citation ci-dessus ne sont pas si inclusifs. L'utilisation de blockquote est utilisée lorsqu'un ou plusieurs paragraphes de contenu doivent être cités. Les navigateurs indentent généralement le contenu cité par défaut pour le distinguer des paragraphes normaux. Bien entendu, nous pouvons modifier la forme de distinction grâce aux styles CSS.

Il existe un attribut cite dans blockquote, qui, comme q, est utilisé pour indiquer la source de la citation. Vous pouvez y indiquer l'URL de la documentation en ligne.

Il y a aussi une balise pre dans la balise XHTML. Cette balise est appelée "formattage" dans Dreamweaver. Lorsque j'utilisais Dreamweaver auparavant, je ne savais jamais à quoi cette chose servait. Il est seulement clair maintenant que pre est généralement utilisé pour afficher le code source et ne prend pas en charge les balises qui peuvent séparer des paragraphes tels que

. Si le contenu affiché doit être encapsulé, enveloppez-le simplement dans le fichier source et aucun code n'est requis. . En même temps, pre conservera tous les espaces de la note et les affichera.

De manière générale, pre est actuellement utilisé pour afficher le code source, qui est similaire au code. La différence est que pre est au niveau du bloc, tandis que le code est en ligne. En termes simples, pre peut inclure plusieurs lignes de contenu, tandis que le code ne contient qu'une courte phrase ou quelques caractères.

Ce qui est décrit ici ne peut pas être entièrement expliqué, vous devez donc l'essayer après avoir lu le document et découvrir les particularités par vous-même. Un ami a dit qu'il aimerait avoir quelques connaissances sur CSS. Ici, je veux transmettre mon intention d’écriture. J'espère y aller étape par étape pour que certains amis qui ne se sont pas encore échappés de la disposition du tableau puissent d'abord utiliser certains formulaires qui n'affecteront pas la disposition globale. Comme il peut y avoir des problèmes de compatibilité lorsque CSS est impliqué, nous parlerons d'abord de la documentation, puis ajouterons quelques connaissances CSS qui n'affectent pas la mise en page globale. Aller plus loin étape par étape permettra éventuellement aux lecteurs de passer naturellement de la disposition des tables à l'alimentation standard. Bien sûr, s'il y a des amis qui ont franchi cette étape grâce à l'auto-apprentissage, ils peuvent communiquer avec moi dans ma colonne « Normes de conversation diverses ».