Share
Anführungszeichen, Sprachmarken, Anführungszeichen; Wie auch immer Sie diese Formen der Interpunktion bezeichnen, Sie verwenden sie möglicherweise falsch. Werfen wir einen kurzen Blick darauf, was richtig ist, was nicht und was Sie in Ihrem CSS tun können, um sicherzustellen, dass Ihre Angebote richtig formatiert sind.
Beginnen wir mit der Veranschaulichung dessen, worüber wir hier sprechen. Was wir als Anführungszeichen erkennen, hat mehrere Formen, und jede hat ihren eigenen Zweck. Wenn Sie das Schreiben interpunktieren, sollten Sie "intelligente Anführungszeichen" oder "geschweifte Anführungszeichen" verwenden:
Das gilt für beide Doppel und einfache Anführungszeichen.
Und sogar Apostrophe:
Im Internet sehen Sie jedoch häufig "stumme Anführungszeichen". Dies sind gerade Versionen, die häufig aufgrund von in CMSs und Anwendungen festgelegten Standardeinstellungen verwendet werden. Selbst Ihre Tastatur macht es normalerweise schwierig, etwas anderes als dumme Anführungszeichen zu verwenden.
Dumme Anführungszeichen sind nicht mit "Primzahlen" zu verwechseln; separate Glyphen, die zur Bezeichnung von Messungen verwendet werden, wie z. B. Fuß und Zoll, Koordinaten und noch kompliziertere Einheiten, die in der Uhrenherstellung verwendet werden.
Primes unterscheiden sich in der Regel von dummen Anführungszeichen dadurch, dass sie leicht geneigt sind, aber das liegt natürlich ganz am Schriftbild.
Code. Das ist so ziemlich der einzige Ort, an dem Sie sie technisch nutzen sollten.
Wie bereits erwähnt, hilft Ihnen Ihre Tastatur nicht viel, wenn Sie korrekte Anführungszeichen verwenden. Während ich dies tippe, werfe ich überall stumme Anführungszeichen - ich muss danach suchen und ersetzen!
Wenn Ihr Dokument den Zeichensatz utf-8 verwendet
Dann können Sie die richtigen Anführungszeichen direkt in einfügen. Alternativ müssen Sie die benannten oder numerischen HTML-Entitäten oder (für CSS) die umschlossenen Unicode-Werte verwenden:
| Glyphe | benannte Entität | numerische Entität | Unicode entkommen |
“ | “ | “ | \ 201C |
” | ” | ” | \ 201D |
' | ‘ | „ | \ 2018 |
' | ’ | ’ | \ 2019 |
Wir können die verwenden Zitate Eigenschaft in CSS, um sicherzustellen, dass unsere und Elemente sind ordnungsgemäß mit den richtigen Anführungszeichen versehen. Das Zitate Die Eigenschaft akzeptiert vier aufeinanderfolgende Werte, von denen jeder definiert, welches Zeichen unter den jeweiligen Umständen verwendet werden soll:
Es könnte ein bisschen so aussehen:
q, Blockquote Anführungszeichen: "\ 201C" "\ 201D" "\ 2018" "\ 2019";
Hier zielen wir auf Inline-Anführungszeichen und Block-Anführungszeichen. Wir verwenden Escape-Unicode-Werte (oben in der Tabelle erwähnt), um festzulegen, welche Glyphen zum Öffnen und Schließen unserer Angebotselemente verwendet werden. Wir haben angegeben, dass ein doppeltes Anführungszeichen geöffnet und dann ein doppelt schließendes Zeichen geschlossen werden soll. Für verschachtelte Anführungszeichen werden einzelne Marken angewendet.
Schauen Sie sich diese Demo an. Darin sehen Sie eine Hinweis: Diese Anführungszeichen werden mit Pseudoelementen eingefügt, sodass nur unterstützende Browser Anführungszeichen auf diese Weise anzeigen. Weitere Eigenschaften erlauben uns noch mehr Kontrolle. Wir können diese Pseudo-Elemente gezielt steuern und angeben, ob die Öffnungs- oder Schließmarkierungen überhaupt angezeigt werden sollen. In diesem Code haben wir den Inhalt der Pseudo-Elemente geändert und gesagt, wir möchten eigentlich nicht, dass ein Schlusszitat angezeigt wird. Nicht jeder zeigt jedoch Anführungszeichen auf dieselbe Weise. Sehen Sie sich beispielsweise an, was die Franzosen verwenden. Diese werden Guillemets (Nein, keine Guillemots) genannt und sind nur ein Beispiel für alternative Anführungszeichen. Glücklicherweise können wir für jede Sprache, die wir brauchen, die richtigen Entitäten verwenden. Und wir können das zielen Entschuldigungen für mon français auch, wenn ich das falsch gemacht habe… Machen Sie sich schlau, es gibt keine Entschuldigung für die Verwendung stummer Anführungszeichen!Ich will mehr kraft!
q: vor, blockquote: vor content: open-quote; q: after, blockquote: after content: no-close-quote;
Sprachlücke
lang Attribut auf die html Element um genau zu sein (danke fliptheweb für diesen kleinen Tipp).
…
html [lang = "fr"] q Anführungszeichen: "\ 00ab" "\ 00bb";
Fazit
Weitere Ressourcen
Accentsconagua