Share
Citare, semne de vorbire, virgule inversate; indiferent cum numiți aceste forme de punctuație, este posibil să le utilizați incorect. Să aruncăm o privire rapidă asupra a ceea ce este corect, ce nu este și ce puteți face în cadrul CSS pentru a vă asigura că citatele dvs. sunt corect formate.
Să începem prin a ilustra despre ce vorbim aici. Există mai multe forme de ceea ce recunoaștem ca ghilimele și fiecare are propriul scop specific. Atunci când punctuați scrierea, ar trebui să utilizați "citate inteligente" sau "citate creț":
Acest lucru este valabil atât pentru dublu și ghilimele simple.
Și chiar apostrofele:
Pe web, totuși, veți vedea de obicei "ghilimele proaste". Acestea sunt versiuni drepte, care sunt adesea folosite din cauza setărilor implicite în CMS și aplicații. Chiar și tastatura dvs. va face de obicei dificil să folosiți orice altceva decât niște ghilimele.
Citatele citate nu trebuie să fie confundate cu "primii"; glifele separate care sunt folosite pentru a indica măsurători, cum ar fi picioare și inci, coordonate și chiar și unități mai complicate utilizate în ceasornicărie, de exemplu.
Primele sunt, de obicei, diferite de citatele prost, prin faptul că ele se înclină ușor, dar acest lucru este, desigur, în întregime până la stil.
Cod. Acesta este, probabil, singurul loc unde ar trebui să le utilizați tehnic.
Așa cum am menționat, tastatura dvs. nu vă va ajuta prea mult atunci când încercați să utilizați cotații corecte. De fapt, pe măsură ce scriu acest lucru, arunc citate gresite peste tot - trebuie să fac o căutare și să o înlocuiesc după aceea!
Dacă documentul dvs. folosește charset utf-8
apoi veți putea să inserați direct ghilimelele corecte. Alternativ, va trebui să utilizați entitățile HTML numite sau numerice sau (pentru CSS) valorile unicode scoase:
| glyph | entitate denumită | entitate numerică | a scăpat unicode |
„ | “ | „ | \ 201C |
“ | ” | “ | \ 201D |
' | ‘ | „ | \ 2018 |
' | ’ | “ | \ 2019 |
Putem folosi citate de proprietate în CSS pentru a ne asigura și elementele sunt decorate corespunzător cu ghilimelele corecte. citate proprietatea acceptă patru valori în ordine, fiecare definind caracterul care trebuie utilizat în fiecare circumstanță:
Poate arata cam asa:
q, blockquote citate: "\ 201C" "\ 201D" "\ 2018" "\ 2019";
Vom viza atât cotații inline cât și bloccotările. Utilizăm valorile unicode scoase (menționate mai sus în tabel) pentru a dicta care ghilimele vor fi folosite pentru a deschide și a închide elementele de cotare. Am spus că dorim să ne deschidem un dublu ghilimele, apoi să închidem marcajul dublu. Elementele de cotare imbricate vor avea o singură marcă aplicată.
Aruncați o privire la acest demo. În ea, veți vedea o Notă: Aceste ghilimele sunt introduse cu ajutorul elementelor pseudo, astfel încât numai browserele care acceptă vor afișa, de fapt, ghilimele în acest fel. Proprietățile suplimentare ne permit să avem și mai mult control. Putem continua să controleze în mod specific acele elemente pseudo, declarând dacă ne-ar plăcea ca deschiderea sau marcajul de închidere să fie afișate la toate. În acest cod am modificat conținutul pseudo-elementelor, spunând că de fapt nu vrem să fie afișate un citat de închidere. Cu toate acestea, nu toată lumea afișează ghilimele în același mod. Uitați-vă la ceea ce folosesc francezii, de exemplu. Acestea se numesc guillemets (nu, nu guillemots) și sunt doar un exemplu de ghilimele alternative. Din fericire, suntem liberi să folosim entitățile corecte pentru orice limbă de care avem nevoie. Și ne putem orienta Scuze pentru mon français, dacă am făcut asta greșit ... Obțineți inteligență, nu există nici o scuză pentru utilizarea de ghilimele mut!Vreau mai multă putere!
q: înainte, blockquote: înainte de content: open-quote; q: după, blockquote: după content: no-close-quote;
Lipsa limbii
lang atribut pe html element care urmează să fie specific (datorită fliptheweb pentru acel vârf mic).
...
html [lang = "fr"] q citate: "\ 00ab" "\ 00bb";
Concluzie
Resurse suplimentare
Accentsconagua