Share
Aanhalingstekens, spraaklabels, omgekeerde komma's; hoe je deze vormen van interpunctie ook noemt, je kunt ze misschien verkeerd gebruiken. Laten we even kijken naar wat correct is, wat niet, en wat u kunt doen binnen uw CSS om ervoor te zorgen dat uw offertes correct zijn opgemaakt.
Laten we beginnen met te illustreren waar we het hier over hebben. Er zijn verschillende vormen van wat we herkennen als aanhalingstekens, en elk heeft zijn eigen specifieke doel. Wanneer u het schrijven onderbreekt, moet u "slimme aanhalingstekens" of "aanhalingstekens" gebruiken:
Dat geldt voor zowel het dubbele en enkele aanhalingstekens.
En zelfs apostrofs:
Op internet zie je echter vaak 'domme citaten'. Dit zijn rechte versies, die vaak worden gebruikt vanwege standaardinstellingen in CMS's en applicaties. Zelfs je toetsenbord maakt het meestal moeilijk om alles behalve domme citaten te gebruiken.
Stomme aanhalingen mogen niet worden verward met "prime-lenzen"; afzonderlijke glyphs die worden gebruikt voor het aangeven van metingen, zoals voeten en inches, coördinaten en zelfs meer gecompliceerde eenheden die worden gebruikt in het maken van horloges, bijvoorbeeld.
Prema's zijn meestal anders dan domme citaten omdat ze een beetje schuin staan, maar dat is natuurlijk helemaal te danken aan het lettertype.
Code. Dat is vrijwel de enige plaats waar je ze technisch zou moeten gebruiken.
Zoals vermeld, zal je toetsenbord je niet veel helpen als je de juiste aanhalingstekens probeert te gebruiken. Terwijl ik dit typ, werp ik overal domme citaten in, ik moet daarna een zoekopdracht uitvoeren en achteraf vervangen!
Als uw document charset utf-8 gebruikt
dan kunt u de juiste aanhalingstekens direct erin plakken. U kunt ook de HTML-naam of numerieke entiteiten gebruiken, of (voor CSS) de escaped Unicode-waarden:
| glyph | genoemde entiteit | numerieke entiteit | ontsnapte unicode |
“ | “ | “ | \ 201C |
” | ” | ” | \ 201D |
' | ‘ | ‘ | \ 2018 |
' | ’ | ’ | \ 2019 |
We kunnen de gebruiken citaten eigendom in CSS om ervoor te zorgen dat onze en elementen zijn goed versierd met de juiste aanhalingstekens. De citaten eigenschap accepteert vier waarden in volgorde, waarbij elke eigenschap bepaalt welk teken moet worden gebruikt onder elke omstandigheid:
Het ziet er misschien een beetje als volgt uit:
q, blockquote quotes: "\ 201C" "\ 201D" "\ 2018" "\ 2019";
Hier richten we ons op zowel inline offertes als blockquotes. We gebruiken escaped unicode-waarden (vermeld in de tabel eerder) om te bepalen welke glyphs worden gebruikt om onze quote-elementen te openen en te sluiten. We hebben aangegeven dat we een dubbel aanhalingsteken willen openen en vervolgens een dubbele sluiting om te sluiten. Voor geneste prijsofferte-elementen worden enkele markeringen toegepast.
Bekijk deze demo. Daarin ziet u een Notitie: Deze aanhalingstekens zijn ingesloten in het gebruik van pseudo-elementen, dus alleen ondersteunende browsers tonen op deze manier aanhalingstekens. Verdere eigenschappen geven ons nog meer controle. We kunnen specifiek die pseudo-elementen besturen, en aangeven of we de opening al dan niet willen.. In deze code hebben we de inhoud van de pseudo-elementen gewijzigd en gezegd dat we eigenlijk niet willen dat een afsluitquote wordt weergegeven. Niet iedereen geeft echter op dezelfde manier aanhalingstekens weer. Kijk eens naar wat de Fransen gebruiken, bijvoorbeeld. Dit worden guillemets genoemd (nee, zeekoeten niet) en ze zijn slechts een voorbeeld van alternatieve aanhalingstekens. Gelukkig zijn we vrij om de juiste entiteiten te gebruiken voor elke taal die we nodig hebben. En we kunnen ons richten op de Excuses voor mon français ook, als ik dat verkeerd heb gedaan ... Word slim, er is geen excuus om domme citaten te gebruiken!Ik wil meer kracht!
q: before, blockquote: before content: open-quote; q: after, blockquote: after content: no-close-quote;
Language Gap
LANG attribuut op de html element om specifiek te zijn (bedankt fliptheweb voor die kleine tip).
...
html [lang = "fr"] q quotes: "\ 00ab" "\ 00bb";
Conclusie
Verdere bronnen
Accentsconagua