De obicei, atunci când așează texte pentru web, acestea nu acordă suficientă atenție designului citatelor. Încercând să corectăm această neînțelegere nefericită, vom atinge două aspecte: designul tipografic al citatelor (în partea în care se fac cel mai adesea erori de layout) și implementarea acestui design în cod HTML.

De asemenea, nu vom atinge problemele verificării acurateței semantice a citarii, utilizarea corectă a tăierilor, abrevierilor și adăugărilor - toți cei interesați așteaptă „Cartea de referință a editorului și autorului” de A. E. Milchin și L. K. Cheltsova.

Sperăm că această intrare va fi convenabilă de utilizat ca referință pentru întrebările întâlnite frecvent despre formatarea citațiilor.

Design tipografic al citatelor

Citate

Ghilimelele sunt plasate doar la începutul și la sfârșitul unui citat, indiferent de dimensiunea citatului și de numărul de paragrafe din acesta.

Citatele sunt cuprinse între ghilimele de același model ca cele utilizate în textul principal ca și cele principale - în marea majoritate a cazurilor, acestea sunt ghilimele de pom de Crăciun „”.

Dacă există cuvinte (expresii, expresii) în interiorul citatului, la rândul lor cuprinse între ghilimele, atunci acestea din urmă ar trebui să aibă un model diferit de ghilimele care închid și deschid ghilimele (dacă ghilimelele exterioare sunt brazi de Crăciun "", atunci cele interioare sunt labele " " și invers). De exemplu: Vasily Pupkin a declarat într-un interviu recent: „Compania Pupstroytrest a ocupat onorabilul loc șase sute douăsprezece în clasamentul companiilor de construcții din Zaporojie”.

Dacă în citat sunt ghilimele „etapei a treia”, adică în interiorul frazelor citate ale citatului, există, la rândul lor, cuvinte luate între ghilimele, deoarece acestea din urmă, ghilimele celei de-a doua cifre, că este, labele, sunt recomandate. Un exemplu de la Milchin și Cheltsova: M. M. Bakhtin a scris: „Trishatov spune unui adolescent despre dragostea lui pentru muzică și dezvoltă ideea unei opere în fața lui: „Ascultă, îți place muzica? Iubesc teribil... Dacă aș compune o operă, atunci, știi, aș lua intriga lui Faust. Îmi place foarte mult această temă.” Dar, în general, este mai bine să încercați să rearanjați designul citatului în așa fel încât astfel de cazuri să nu apară.

Punctuația după un citat la sfârșitul unei propoziții

1. Dacă există o elipsă, un semn de exclamare sau un semn de întrebare înainte de ghilimele de închidere, iar ghilimelele cuprinse între ghilimele sunt o propoziție independentă (de regulă, toate ghilimelele de după două puncte care le separă de cuvintele ghilimelor sunt așa) . În acest caz, se pune semnul de punctuație ghilimele din interior. Un exemplu de la Milchin și Cheltsova:
   Pechorin a scris: „Nu-mi amintesc o dimineață mai albastră și mai proaspătă!”
   Pechorin a recunoscut: „Uneori mă disprețuiesc...”
   Pechorin întreabă: „Și de ce m-a aruncat soarta în cercul pașnic al contrabandiștilor cinstiți?”
2. La fel și dacă un citat se termină cu o propoziție independentă, a cărei primă propoziție începe cu o literă mică. De exemplu: Pechorin reflectă: „... de ce m-a aruncat soarta într-un cerc pașnic de contrabandiști cinstiți? Ca o piatră aruncată într-un izvor lin, le-am tulburat liniștea...”
3. Dacă există un semn de întrebare sau de exclamare înainte de ghilimele de închidere, iar ghilimelele nu sunt o propoziție independentă, iar după întreaga frază cu ghilimele ar trebui să existe un semn de întrebare sau de exclamare. De exemplu: Lermontov exclamă în prefață că aceasta este „o glumă veche și jalnică!”

Citat cu cuvintele citatorului înăuntru

Dacă nu există semne de punctuație în locul în care se întrerupe ghilimele sau dacă întreruperea are loc la locul unei virgule, punct și virgulă, două puncte sau liniuță, atunci cuvintele ghilimelor sunt separate pe ambele părți printr-o virgulă și o liniuță ", -" (nu uitați că înainte de liniuță trebuie să existe un spațiu care nu se rupe! ).

Formatarea ghilimelelor în cod

Deci, două elemente sunt folosite pentru a evidenția ghilimele: un ghilimeleu bloc și un q inline. În plus, elementul de citare inline este folosit pentru a descrie sursa din care a fost luat citatul. Vă rugăm să rețineți că citarea este folosită doar și este necesară pentru a indica un link către sursă, citatul în sine nu este inclus în elementul citat!

Conform specificației HTML 4.01, elementele blockquote și q pot folosi atributele cite="…" , care indică adresa URL de la care a fost împrumutat citatul (a nu fi confundat cu un element citat separat) și title="... " , al cărui conținut va apărea ca un sfat explicativ când treceți cursorul peste citat cu mouse-ul.

Din păcate, browserele nu gestionează încă foarte bine aceste elemente HTML. Deci, atributul cite="..." nu este redat deloc de niciun browser. Pentru a ocoli acest defect, există un script de Paul Davies care afișează un tooltip cu un link specificat în atributul cite într-un strat separat.

Al doilea defect global legat de ieșirea citatelor inline este conectat (surpriză, surpriză!) cu familia de browsere Internet Explorer. Din nou, conform specificației, autorul documentului nu trebuie să introducă ghilimele atunci când folosește elementul q. Ghilimelele trebuie redate de browser, iar în cazul ghilimelelor imbricate, au și un model diferit. Bine, să presupunem că Opera nu respectă ultima cerință, iar ghilimelele pentru ghilimele imbricate sunt aceleași. Dar IE până la versiunea 7 nu le redă deloc!

De asemenea, IE nu înțelege proprietățile CSS ghilimele , înainte , după , și conținut , care, nenorocitul, îngroapă complet speră să rezolve problema cu aspectul corect din punct de vedere semantic folosind CSS.

Această problemă este rezolvată în mai multe moduri:

• folosind o proprietate proprie de comportament CSS (soluția lui Paul Davies) care declanșează JavaScript care plasează ghilimele în IE, cu modelul de ghilimele imbricate întrepătrunse;
• folosind comentarii condiționate, prin simpla executare a JavaScript la încărcarea paginii (soluția lui Jez Lemon de la Juicy Studio), în timp ce modelul de ghilimele imbricate este constant;
• sau prin eliminarea ghilimelelor în CSS folosind proprietatea ghilimele și plasând manual ghilimele în text, dar (atenție!) în afara elementului q pentru a nu încălca recomandările W3C (soluție de Stacey Cordoni pe A List Apart).

Prin urmare, alegând a doua metodă dintre primele două, folosim scriptul lui Jez Lemon, ușor modificat pentru limba rusă. Da, cu JavaScript dezactivat, utilizatorul IE va rămâne fără ghilimele, acceptăm asta ca pe un rău necesar.

Soluția noastră de cotație

În plus, pentru browserele care redau ghilimele în mod adecvat, trebuie să specificați un model de ghilimele pentru limba rusă în fișierul CSS. Din fericire, în tipografia rusă, ghilimele imbricate au un model, indiferent de nivelul de imbricare (care este ușor de implementat în CSS fără a implica clase suplimentare), dar încă o dată vă recomandăm insistent să evitați ghilimele imbricate profund în etapa de scriere a textului.

// Adăugarea la fișierul CSS
// Ghilimele exterioare
q ( ​​ghilimele: „\00ab” „\00bb”; )

// Citate imbricate labe
q q ( ghilimele: „\201e” „\201c”; )

Este clar că acest mecanism, dacă este necesar, poate fi complicat în cazul alternării ghilimelelor cu imbricarea adâncă, prin introducerea unor clase, de exemplu, q.odd și q.even și specificarea manuală a clasei direct la citare.

Acum scriem ușor și semantic următorul citat: „Succesul campaniei Žalgiris”, a spus Vladimiras Pupkins pentru Russia Today, „se datorează nu numai alegerii vânzătorilor de pastă de dinți, ci și ceea ce Mark Twain a numit „săritul prin ușa care duce înăuntru”.

Succesul campaniei Zalgiris, a spus într-un interviu pentru Russia Today Dovleceii Vladimiras, - se datorează nu numai alegerii vânzătorilor de pastă de dinți, ci și faptului că Mark Twain numit sărind prin ușa care ducea înăuntru.

Cea mai bună parte este că atributele title="..." pentru etichetele imbricate sunt gestionate corect de browsere.

Scrierea unui exemplu pentru partajarea corectă a elementelor blockquote, q și citate imbricate este lăsată cititorului ca temă pentru acasă. :)

Actualizați: Corecție de la - desigur, pentru a seta un model de ghilimele în CSS, nu este nevoie să descrii stiluri imbricate, funcționalitatea standard a ghilimelelor: proprietatea q este suficientă (ghilimele: "\00ab" "\00bb" "\201e" " \201c";)

Etichete:

• citate
• citat
• blockquote
• citat

Două elemente sunt folosite pentru a crea ghilimele în HTML: elementul bloc <Ыockquote> și element inline . Etichetă <Ыockquote> folosit pentru a afișa ghilimele lungi care ocupă un paragraf întreg și pentru a-l afișa indentat de la marginile din stânga și din dreapta. Această etichetă vă permite să plasați textul compact în centrul paginii. Poate conține și alte elemente de formatare a textului.

Element folosit pentru citatele scurte care fac parte din paragraful curent. În general, browserele încapsulează conținutul unui element între ghilimele. De obicei, un citat nu include întreruperi de rând, iar citatul este considerat un element la nivel de text.

Ambele elemente pot avea un atribut CITA, a cărui valoare este adresa URL a fragmentului citat.

Exemplu: ghilimele lungi și scurte

• Incearca-l tu insuti "

poate fi determinat cu ușurință folosind un fir vertical de plumb.

După cum a spus A. A. Milne, unii oameni vorbesc cu animalele.

Zenitul este cel mai înalt punct de pe cer pentru un observator.
în direcția verticală, care, după cum se știe,
poate fi determinat cu ușurință folosind un fir vertical de plumb.

După cum a spus A. A. Milne, unii oameni vorbesc cu animalele.

Etichetă

O abreviere este o abreviere a cuvintelor adoptate în scris sau un cuvânt alcătuit din mai multe părți ale altor cuvinte (universitate, institut de cercetare, comitet executiv etc.). Când utilizați orice acronim sau abreviere în text, utilizați eticheta . Folosind atributul „title”, puteți seta un tooltip cu decodarea abrevierei. În același timp, roboții de căutare indexează exact versiunea completă a transcripției, definită în atributul „title”. Pentru a distinge abrevierile de textul obișnuit, acestea sunt subliniate cu o linie punctată.

Exemplu: abreviere

• Incearca-l tu insuti "

NASA face niște experimente spațiale incredibile.

Ex. Stephen Hawking este un fizician teoretician și cosmolog.

NАSА!} găzduiește unele incredibile
experimente spațiale.

Ex. Stephen Hawking este un fizician teoretician și cosmolog.

Etichetă