{"id":659,"date":"2016-09-18T14:49:01","date_gmt":"2016-09-18T12:49:01","guid":{"rendered":"http:\/\/www.christoph-freyer.at\/blog\/?p=659"},"modified":"2016-12-26T02:10:43","modified_gmt":"2016-12-26T01:10:43","slug":"anfuehrungszeichen-quotes-und-guillemets","status":"publish","type":"post","link":"https:\/\/christoph-freyer.at\/blog\/anfuehrungszeichen-quotes-und-guillemets\/","title":{"rendered":"Anf\u00fchrungszeichen, Quotes und Guillemets"},"content":{"rendered":"

\"Grafik<\/a><\/p>\n

Anf\u00fchrungszeichen, Quotes, Guillemets\u00a0\u2013 korrekte Satzzeichen im Webdesign<\/h2>\n

Ein Blog oder eine Website sind kein Grund auf ansprechende und korrekte Typografie zu verzichten. Design besteht nicht nur aus der Anordnung der einzelnen Elemente, auch die Schrift und ihre Gestaltung z\u00e4hlen dazu. Die richtigen Anf\u00fchrungszeichen sehen nicht nur besser aus, sie zeigen auch, dass man Wert auf Typografie legt. Wer sich bei der Gestaltung seiner Website M\u00fche gibt, sollte letztendlich nicht auf die gro\u00dfe Kleinigkeit der Typografie vergessen \u2013 die Anf\u00fchrungszeichen.<\/p>\n

Es gibt Details, die sofort verraten ob sich jemand die M\u00fche gemacht hat auf korrekte Darstellung zu achten: viele Sprachen verwenden ihre eigenen Satzzeichen.<\/p>\n

Das Anf\u00fchrungszeichen<\/h3>\n

Das gerade Anf\u00fchrungszeichen gibt es wie alle anderen einfach und doppelt. Es ist das meist gesehene Anf\u00fchrungszeichen und stammt noch von der Schreibmaschine, die f\u00fcr dieses Satzzeichen keine eigene Type kannte. Aus Platzgr\u00fcnden wurde auf das typografische Anf\u00fchrungszeichen verzichtet.
\nHeute, im elektronischen Zeitalter, ist das nicht mehr notwendig. Die oft gesehenen Prime (\u00a0\u2032 ) oder Doubleprime ( \u2033 ) (als &prime; bzw. &Prime; codiert) sind eigentlich Minuten- und Fu\u00dfzeichen bzw. Zoll- und Sekundenzeichen, also Ma\u00dfzeichen, die falsch verwendet werden. Fr\u00fcher mussten sie aus technischen Gr\u00fcnden oft als Ersatz f\u00fcr fehlende Typen herhalten. Noch h\u00e4ufiger wird das einfache ( ' ) und doppelte\u00a0 ( \" ) gerade Anf\u00fchrungszeichen eingesetzt. Bei diesen handelt es sich genau genommen jedoch um Codierungszeichen. Beide haben - au\u00dfer bei ihrer korrekten Verwendung - in typografisch gestalteten Texten nichts verloren.<\/p>\n

Viele Sprachen haben ihre eigene Interpunktion. So unterscheiden sich die deutschsprachigen von den englischen und den franz\u00f6sischen Anf\u00fchrungszeichen. Daher hier ein kleiner \u00dcberblick.<\/p>\n

Englische \u201cQuotes\u201d:<\/h3>\n

Die \u201eenglischen\u201c Anf\u00fchrungszeichen bestehen aus hochgestellten Strichen vor und nach dem Wort. Man kann sie sich vereinfacht als hochgestellten Sechser und Neuner vorstellen (Anm.: Leser aus Deutschland m\u00f6gen es verzeihen: in \u00d6sterreich sind Ziffern maskulin, wodurch es nun einmal der Neuner und nicht die Neun hei\u00dft).
\nGrafische Eselsbr\u00fccke:
\n\u2018\u2026\u2019 , 6\u20269 bzw. \u201c\u2026\u201d , 66\u202699<\/p>\n

Um sie in HTML zu notieren, kann man folgende HTML-Entities verwenden (zus\u00e4tzlich CSS (content)-Variante)<\/p>\n

\n
Left\u00a0single quote ( high 6)<\/dt>\n
HTML: &lsquo; Num: &#8216;
\nCSS(ISO): \\2018<\/dd>\n
Right single quote (high 9)<\/dt>\n
HTML: &rsquo; Num: &#8217;
\nCSS(ISO): \\2019<\/dd>\n<\/dl>\n
\n
Left quote (double high 6)<\/dt>\n
HTML: &ldquo; Num: &#8220;
\nCSS(ISO): \\201c<\/dd>\n
Right quote (double high 9)<\/dt>\n
HTML: &rdquo; Num: &#8221;
\nCSS(ISO): \\201d<\/dd>\n<\/dl>\n

Bei der korrekten Schreibweise sollte man zudem darauf achten, ob es sich um amerikanisches oder britisches Englisch handelt, da hier\u00a0 unterschiedlich notiert wird. Gerade bei augenscheinlich \u201egleichen\u201c Sprachen bildet dies eine h\u00e4ufige Fehlerquelle. In unserem Fall werden die verschachtelten Anf\u00fchrungszeichen umgekehrt geschrieben. Aber auf dieses Themea will ich hier gar nicht eingehen.<\/p>\n

Deutsche \u201eAnf\u00fchrungszeichen\u201c<\/h3>\n

Die deutsche Ausformung dieser Satzzeichen unterscheidet sich von den englischen Anf\u00fchrungszeichen vor allem durch zwei Faktoren:
\nErstens: das \u00f6ffnende Zeichen befindet sich immer unten und das schlie\u00dfende immer oben.
\nZweitens: weisen die deutschen im Gegensatz zu den englischen Anf\u00fchrungszeichen eine andere Schwungrichtung auf. So formt das \u00d6ffnende etwa die Form eines Neuners und das Schlie\u00dfende, die eines Sechsers.
\nUnd hier wieder die grafische Eselsbr\u00fccke:
\n\u201a\u2026\u2018 , 9\u20266 bzw. \u201e\u2026\u201c , 99\u202666<\/p>\n

Um sie im HTML zu notieren, kann man folgende HTML-Entities verwenden (zus\u00e4tzlich CSS (content)-Variante)<\/p>\n

\n
Single low quote (single low-9)<\/dt>\n
HTML: &sbquo; Num: &#8218;
\nCSS(ISO): \\201a<\/dd>\n
Left single quote (high-6)<\/dt>\n
HTML: &lsquo; Num: &#8216;
\nCSS(ISO): \\2018<\/dd>\n<\/dl>\n
\n
Double quote (double low-9)<\/dt>\n
HTML: &bdquo; Num: &#8222;
\nCSS(ISO): \\201e<\/dd>\n
Double quote (double high-6)<\/dt>\n
HTML: &ldquo; Num: &#8220;
\nCSS(ISO): \\201c<\/dd>\n<\/dl>\n

Franz\u00f6sische \u00ab\u00a0Guillemets\u00a0\u00bb<\/h3>\n

Gut, die Guillemets, das ist die franz\u00f6sische und schweizerische Spielart, erkennt jeder sofort. Sie sehen - einfach ausgedr\u00fcckt - wie spitze Klammern aus.
\n\u2039\u00a0\u2026\u00a0\u203a , \u00ab\u00a0\u2026\u00a0\u00bb
\nAls Besonderheit sei hier erw\u00e4hnt, dass sie in Frankreich mit einem kleinen Abstand zum Wort verwendet werden, w\u00e4hrend in der Schweiz meist kein Abstand gesetzt wird.<\/p>\n

Um sie im HTML zu notieren, kann man folgende HTML-Entities verwenden (zus\u00e4tzlich CSS (content)-Variante)<\/p>\n

\n
Single Left-Pointing Angle Quotation Mark<\/dt>\n
HTML: &lsaquo; Num: &#8249;
\nCSS(ISO): \\2039<\/dd>\n
Single Right-Pointing Angle Quotation Mark<\/dt>\n
HTML: &rsaquo; Num: &#8250;
\nCSS(ISO): \\203a<\/dd>\n<\/dl>\n
\n
Left-Pointing Double Angle Quotation Mark<\/dt>\n
HTML: &laquo; Num: &#171;
\nCSS(ISO): \\00ab<\/dd>\n
Right-Pointing Double Angle Quotation Mark<\/dt>\n
HTML: &raquo; Num: &#187;
\nCSS(ISO): \\00bb<\/dd>\n<\/dl>\n

Auch im Deutschen gibt es eine Variante der Guillemets. Hier werden sie allerdings ohne Abstand und mit der Spitze zum Wort geschrieben. Mit dieser Gestaltung lassen sich Teilbereiche grafisch besonders hervorheben.<\/p>\n

Wie mache ich mir eine Automatik?<\/h3>\n

Jedesmal die HTML-Entities einzugeben kann einfach m\u00fchsam sein. Wenn man regelm\u00e4\u00dfig die typografisch korrekten Anf\u00fchrungszeichen setzen will, kann man sich selbstverst\u00e4ndlich auch eine \u201eAutomatik\u201c schreiben. Hierzu muss man semantisch korrekt im HTML den Teil f\u00fcr die Maschine als Zitat kennzeichnen\u00a0 <q><\/q> und mittels CSS die entsprechenden Zeichen f\u00fcr den Menschen formatieren.<\/p>\n

Hier ein Beispiel f\u00fcr deutschsprachige Anf\u00fchrungszeichen (alle anderen w\u00e4ren dann \u00e4quivalent zu behandeln):<\/p>\n