Share
Sitater, talemerker, inverterte kommaer; uansett hva du kaller disse tegnsetningene, kan du godt bruke dem feil. La oss ta en rask titt på hva som er riktig, hva som ikke er, og hva du kan gjøre innenfor ditt CSS for å sikre at sitatene dine er riktig formatert.
La oss begynne med å illustrere hva vi snakker om her. Det er flere former for hva vi anerkjenner som sitatmerker, og hver har sitt eget spesifikke formål. Når tegnsetting skrives, bør du bruke "smarte sitater" eller "krøllete sitater":
Det gjelder både dobbel og enkelt anførselstegn.
Og til og med apostrofer:
På nettet ser du vanligvis "dumme sitater". Dette er raske versjoner, som ofte brukes på grunn av standardinnstillinger som er angitt i CMS og applikasjoner. Selv tastaturet ditt vil vanligvis gjøre det vanskelig å bruke alt annet enn dumme sitater.
Dumme sitater skal ikke forveksles med "primer"; separate glyfer som brukes til å betegne måling, for eksempel føtter og tommer, koordinater og enda mer kompliserte enheter som brukes i vaktfremstilling, for eksempel.
Primer er vanligvis forskjellige fra dumme anførselstegn ved at de skråner litt, men det er selvsagt helt ned til skrifttypen.
Kode. Det er ganske mye det eneste stedet du bør bruke teknisk.
Som nevnt, vil tastaturet ikke hjelpe deg mye når du prøver å bruke riktige anførselstegn. Faktisk, når jeg skriver dette, kaster jeg dumme sitater overalt - jeg må gjøre et søk og erstatte etterpå!
Hvis dokumentet ditt bruker charset utf-8
så kan du lime inn de riktige anførselstegnene direkte. Alternativt må du bruke HTML-navnene eller de numeriske enhetene, eller (for CSS) de unngitte unicode-verdiene:
| glyph | navngitt enhet | numerisk enhet | rømte unicode |
“ | “ | “ | \ 201C |
” | ” | ” | \ 201D |
' | ‘ | ‘ | \ 2018 |
' | ’ | ’ | \ 2019 |
Vi kan bruke sitater eiendom i CSS for å sikre at vår og elementene er ordentlig dekorert med de riktige anførselstegnene. De sitater eiendom aksepterer fire verdier i rekkefølge, hver som definerer hvilket tegn som skal brukes under hver omstendighet:
Det kan se litt ut som dette:
q, blockquote quotes: "\ 201C" "\ 201D" "\ 2018" "\ 2019";
Her målretter vi både inline sitater og blokkeringer. Vi bruker escaped unicode-verdier (nevnt i tabellen tidligere) for å diktere hvilke glyfer som skal brukes til å åpne og lukke våre sitatelementer. Vi har uttalt at vi vil ha et dobbeltnoteringsmerke for å åpne, så dobbelt lukke markering for å lukke. Nestede anførselstegn vil ha enkeltkarakterer påført.
Ta en titt på denne demoen. I det ser du en Merk: Disse anførselstegnene er slått inn ved hjelp av pseudoelementer, så bare støttende nettlesere vil faktisk vise anførselstegn på denne måten. Ytterligere egenskaper tillater oss enda mer kontroll. Vi kan fortsette å spesifikt kontrollere disse pseudoelementene, og angi om vi ønsker å åpne eller lukke merkene som skal vises i det hele tatt. I denne koden har vi endret innholdet i pseudoelementene og sagt at vi egentlig ikke vil ha et avsluttende sitat som skal vises. Ikke alle viser anførselstegn på samme måte, men. Ta en titt på hva franskmenn bruker, for eksempel. Disse kalles guillemets (nei, ikke guillemots) og de er bare ett eksempel på alternative anførselstegn. Heldigvis er vi fri til å bruke de riktige enhetene for hvilket språk vi trenger. Og vi kan målrette mot Unnskyldninger for mon français også, hvis jeg har gjort det galt ... Bli smart, det er ingen unnskyldning for å bruke dumme sitater!Jeg vil ha mer makt!
q: før, blockquote: før innhold: open quote; q: after, blockquote: etter content: no-close quote;
Language Gap
lang attributt på html element for å være spesifikk (takk fliptheweb for det lille tipset).
...
html [lang = "fr"] q quotes: "\ 00ab" "\ 00bb";
Konklusjon
Ytterligere ressurser
Accentsconagua