suchen
HeimWeb-FrontendCSS-TutorialWissen über Webstandards – Tags mit ähnlicher Verwendung_Erfahrungsaustausch

Wir haben bereits zuvor über den Unterschied zwischen stark und em gesprochen. Zusätzlich zu strong und em gibt es einige ähnliche Tags wie q, cite und blockquote. Diese drei gehören alle zur Kategorie der Referenzen, dennoch gibt es hier einige Unterschiede. Lassen Sie uns sie zunächst einzeln erklären.

, die Funktion von q besteht darin, Nicht-Block-Elemente zu zitieren, das heißt, Inhalte zu zitieren, die keinen Absatz bilden können Es kann sich um einen von jemandem gesagten Satz handeln, oder es kann sein ein Dokumentauszug usw. Es hat sehr einzigartige Eigenschaften. Offensichtlich ist dies „ein Satz“. Und q selbst generiert keine Absätze. q selbst hat keinen Stil und die meisten Browser legen keinen Standardstil fest, um es hervorzuheben. Aber wir können CSS verwenden, um ihn vom allgemeinen Inhalt zu unterscheiden. Es gibt ein weiteres Attribut im q-Tag, das sehr wichtig ist, und zwar „cite“. Bei diesem Zitierattributwert geht es hauptsächlich darum, anzugeben, woher der zitierte Inhalt stammt, oder um die Online-Adresse anzugeben.

Mit diesem Inhalt erfahren Sie mehr über die Details im Absatz
Achten Sie besonders darauf, nicht q statt p zu schreiben. Bei diesen beiden Tags kann es leicht zu Fehlern kommen.

Tatsächlich habe ich bereits im vorherigen Artikel über Zitieren gesprochen. In diesem Artikel habe ich geschrieben: „Dieses Tag gibt nur den Titel und den Namen des Dokuments an. Dieses Tag ähnelt in gewisser Weise den Referenzen im.“ Der Inhalt des Inhaltsverzeichnisses ist auch ein bisschen wie eine Fußnote: „Was ist also der Unterschied zwischen ihm und q?“ Tatsächlich ist es leicht zu verstehen, dass q den Inhalt anzeigt, und zitieren bedeutet, den Namen der Person oder den Titel des Buches anzuzeigen, in dem dieser Inhalt erwähnt wurde. Cite und q werden oft zusammen verwendet. Zum Beispiel:

Herr Lu Xun sagte: Ursprünglich gab es keine Straßen auf dem Boden, aber als mehr Menschen darauf gingen, gab es Straßen .
Was ist also der Unterschied zwischen Blockquote und ihnen? Ein Blockzitat ist ein Blockzitat und in XHTML kann es jedes beliebige Tag enthalten. Das Q und das Zitat oben sind nicht so umfassend. Die Verwendung von Blockquote wird verwendet, wenn ein oder mehrere Absätze des Inhalts zitiert werden müssen. Browser rücken den zitierten Inhalt im Allgemeinen standardmäßig ein, um ihn von normalen Absätzen zu unterscheiden. Natürlich können wir die Form der Unterscheidung durch CSS-Stile ändern.

In Blockquote gibt es ein Cite-Attribut, das wie q verwendet wird, um die Quelle des Zitats anzugeben. Sie können darin die URL der Online-Dokumentation angeben.

Es gibt auch ein Pre-Tag im XHTML-Tag. Dieses Tag wird in Dreamweaver „Formatierung“ genannt. Als ich Dreamweaver zuvor verwendet habe, wusste ich nie, wofür dieses Ding verwendet wurde. Erst jetzt ist klar, dass pre normalerweise zum Anzeigen von Quellcode verwendet wird und keine Tags unterstützt, die Absätze wie

trennen können. Wenn der angezeigte Inhalt umbrochen werden muss, packen Sie ihn einfach in die Quelldatei ein und es ist kein Code erforderlich . Gleichzeitig behält pre alle Leerzeichen in der Notiz bei und zeigt sie an.

Im Allgemeinen wird pre derzeit zum Anzeigen von Quellcode verwendet, was dem Code ähnelt. Der Unterschied besteht darin, dass pre auf Blockebene ist, während der Code inline ist. Einfach ausgedrückt kann Pre mehrere Zeilen Inhalt enthalten, während Code nur einen kurzen Satz oder einige Zeichen enthält.

Was hier beschrieben wird, kann nicht vollständig erklärt werden, daher müssen Sie es nach dem Lesen des Dokuments ausprobieren und die Besonderheiten selbst entdecken. Ein Freund sagte, dass er gerne etwas Wissen über CSS sehen würde. Hier möchte ich meine Schreibintention zum Ausdruck bringen. Ich hoffe, dass ich Schritt für Schritt vorgehen kann, damit einige Freunde, die dem Tabellenlayout noch nicht entkommen sind, zunächst einige Formulare verwenden können, die das Gesamtlayout nicht beeinträchtigen. Da es bei CSS zu Kompatibilitätsproblemen kommen kann, werde ich zunächst über die Dokumentation sprechen und dann einige CSS-Kenntnisse hinzufügen, die sich nicht auf das Gesamtlayout auswirken. Wenn man Schritt für Schritt tiefer geht, wird es den Lesern schließlich ermöglichen, auf natürliche Weise vom Tabellenlayout zur Standardleistung überzugehen. Wenn es Freunde gibt, die diesen Schritt im Selbststudium geschafft haben, können sie natürlich in meiner Kolumne „Sonstige Gesprächsstandards“ mit mir kommunizieren.

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Ankerpositionierung kümmert sich nur um die QuellenreihenfolgeAnkerpositionierung kümmert sich nur um die QuellenreihenfolgeApr 29, 2025 am 09:37 AM

Die Tatsache, dass die Ankerpositionierung die HTML-Quellenreihenfolge vermeidet, ist so CSS-y, weil sie eine weitere Trennung von Bedenken zwischen Inhalt und Präsentation ist.

Was bedeutet Margin: 40px 100px 120px 80px?Was bedeutet Margin: 40px 100px 120px 80px?Apr 28, 2025 pm 05:31 PM

In Artikel wird die CSS -Margin -Eigenschaft erörtert, insbesondere "Margin: 40px 100px 120px 80px", seine Anwendung und Auswirkungen auf das Webseitenlayout.

Was sind die verschiedenen CSS -Grenzeigenschaften?Was sind die verschiedenen CSS -Grenzeigenschaften?Apr 28, 2025 pm 05:30 PM

In dem Artikel werden die CSS -Grenzeigenschaften erörtert und sich auf Anpassung, Best Practices und Reaktionsfähigkeit konzentriert. Hauptargument: Border-Radius ist für reaktionsschnelle Designs am effektivsten.

Was sind CSS -Hintergründe, listen Sie die Eigenschaften auf?Was sind CSS -Hintergründe, listen Sie die Eigenschaften auf?Apr 28, 2025 pm 05:29 PM

In dem Artikel werden CSS -Hintergrundeigenschaften, deren Verwendungszwecke für die Verbesserung des Website -Designs und die zu vermeidenen Fehler erläutert. Der Hauptaugenmerk liegt auf reaktionsschnellem Design unter Verwendung der Hintergrundgröße.

Was sind CSS HSL -Farben?Was sind CSS HSL -Farben?Apr 28, 2025 pm 05:28 PM

In Artikel werden CSS HSL -Farben, ihre Verwendung im Webdesign und die Vorteile gegenüber RGB erörtert. Der Schwerpunkt liegt auf der Verbesserung des Designs und der Zugänglichkeit durch intuitive Farbmanipulation.

Wie können wir Kommentare in CSS hinzufügen?Wie können wir Kommentare in CSS hinzufügen?Apr 28, 2025 pm 05:27 PM

In dem Artikel wird die Verwendung von Kommentaren in CSS erörtert, in denen Einzellinien- und Multi-Line-Kommentarsyntaxe beschrieben werden. Es wird argumentiert, dass die Kommentare die Lesbarkeit, die Wartbarkeit und die Zusammenarbeit von Code verbessern, sich jedoch auf die Leistung der Website auswirken können, wenn sie nicht ordnungsgemäß verwaltet werden.

Was sind CSS -Selektoren?Was sind CSS -Selektoren?Apr 28, 2025 pm 05:26 PM

In dem Artikel werden CSS -Selektoren, ihre Typen und die Verwendung zum Styling von HTML -Elementen erörtert. Es vergleicht ID- und Klassenauswahlern und befasst sich mit Leistungsproblemen mit komplexen Selektoren.

Welche Art von CSS hat die höchste Priorität?Welche Art von CSS hat die höchste Priorität?Apr 28, 2025 pm 05:25 PM

In dem Artikel wird die CSS -Priorität erläutert und sich auf Inline -Stile mit der höchsten Spezifität konzentriert. Es erklärt Spezifitätsniveaus, übergeordnete Methoden und Debugging -Tools zur Verwaltung von CSS -Konflikten.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool