Karaniwan, kapag naglalagay ng mga teksto para sa web, hindi nila binibigyang pansin ang disenyo ng mga panipi. Sinusubukang iwasto ang kapus-palad na hindi pagkakaunawaan, tatalakayin natin ang dalawang isyu: ang typographic na disenyo ng mga panipi (sa bahagi kung saan madalas na ginagawa ang mga error sa layout) at ang pagpapatupad ng disenyong ito sa HTML code.

Hindi rin namin hawakan ang mga isyu ng pagsuri sa katumpakan ng semantiko ng pagsipi, ang tamang paggamit ng mga pagbawas, pagdadaglat at pagdaragdag - lahat ng interesado ay naghihintay para sa "Reference book ng publisher at may-akda" ni A. E. Milchin at L. K. Cheltsova.

Umaasa kami na ang entry na ito ay magiging maginhawang gamitin bilang isang sanggunian para sa mga madalas na nakakaharap na mga katanungan tungkol sa pag-format ng pagsipi.

Typographic na disenyo ng mga quote

Mga quotes

Ang mga panipi ay inilalagay lamang sa simula at dulo ng isang quote, anuman ang laki ng quote at ang bilang ng mga talata sa loob nito.

Ang mga panipi ay nakapaloob sa mga panipi ng parehong pattern tulad ng mga ginamit sa pangunahing teksto bilang mga pangunahing - sa karamihan ng mga kaso, ito ay mga Christmas tree na panipi "".

Kung may mga salita (parirala, parirala) sa loob ng quote, na nakapaloob naman sa mga quote, kung gayon ang huli ay dapat na ibang pattern kaysa sa mga quote na nagsasara at nagbubukas ng quote (kung ang mga panlabas na quote ay mga Christmas tree "", kung gayon ang ang mga panloob ay paws " ", at kabaliktaran ). Halimbawa: Sinabi ni Vasily Pupkin sa isang panayam kamakailan: "Nakuha ng kumpanya ng Pupstroytrest ang marangal na anim na raan at ikalabindalawang puwesto sa pagraranggo ng mga kumpanya ng konstruksiyon sa Zaporozhye."

Kung mayroong mga panipi ng "ikatlong yugto" sa sipi, iyon ay, sa loob ng sinipi na mga parirala ng sipi, mayroong, sa turn, mga salita na kinuha sa mga panipi, bilang ang huli, mga panipi ng pangalawang figure, na ay, paws, ay inirerekomenda. Isang halimbawa mula kay Milchin at Cheltsova: Sumulat si M. M. Bakhtin: "Sinabi ni Trishatov sa isang tinedyer tungkol sa kanyang pag-ibig sa musika at binuo ang ideya ng isang opera sa harap niya: "Makinig, gusto mo ba ng musika? Gustung-gusto ko ... Kung gagawa ako ng isang opera, kung gayon, alam mo, kukunin ko ang balangkas mula kay Faust. Gustong-gusto ko ang temang ito.” Ngunit sa pangkalahatan, mas mahusay na subukang muling ayusin ang disenyo ng quote sa isang paraan na ang mga naturang kaso ay hindi lumabas.

Bantas pagkatapos ng isang quote sa dulo ng isang pangungusap

1. Kung mayroong isang ellipsis, isang tandang padamdam o isang tandang pananong bago ang pangwakas na mga panipi, at ang quote na nakapaloob sa mga quote ay isang malayang pangungusap (bilang panuntunan, lahat ng mga quote pagkatapos ng tutuldok na naghihiwalay sa kanila mula sa mga salita ng taga-quote ay ganito) . Sa kasong ito, inilalagay ang bantas inside quotes. Isang halimbawa mula kay Milchin at Cheltsova:
   Sumulat si Pechorin: "Wala akong maalala na mas asul at mas sariwang umaga!"
   Inamin ni Pechorin: "Minsan hinahamak ko ang aking sarili ..."
   Tanong ni Pechorin: "At bakit ako itinapon ng tadhana sa mapayapang bilog ng mga tapat na smuggler?"
2. Ang parehong kung ang isang sipi ay nagtatapos sa isang malayang pangungusap, ang unang pangungusap ay nagsisimula sa isang maliit na titik. Halimbawa: Sinasalamin ni Pechorin: “... bakit ako itinapon ng tadhana sa isang mapayapang bilog ng mga tapat na smuggler? Tulad ng isang bato na itinapon sa isang makinis na bukal, ginulo ko ang kanilang katahimikan ... "
3. Kung may tanong o tandang padamdam bago ang pangwakas na panipi, at ang panipi ay hindi isang malayang pangungusap, at pagkatapos ng buong pariralang may panipi ay dapat mayroong tanong o tandang padamdam. Halimbawa: Bulalas ni Lermontov sa paunang salita na ito ay "isang luma at nakakaawa na biro!"

Sipiin ang mga salita ng taga-quote sa loob

Kung walang mga bantas sa lugar kung saan naputol ang panipi, o naganap ang break sa lugar ng kuwit, tuldok-kuwit, tutuldok o gitling, ang mga salita ng sumipi ay pinaghihiwalay sa magkabilang panig ng kuwit at gitling ", -" (huwag kalimutan na ang gitling ay dapat na mauna sa isang hindi basag na espasyo! ).

Pag-format ng mga quote sa code

Kaya, dalawang elemento ang ginagamit upang i-highlight ang mga quote: isang block quote at isang inline q . Bilang karagdagan, ang inline cite element ay ginagamit upang ilarawan ang pinagmulan kung saan kinuha ang quotation. Pakitandaan na ang sipi ay ginagamit lamang at kinakailangan upang ipahiwatig ang isang link sa pinagmulan, ang quote mismo ay hindi kasama sa loob ng elemento ng sipi!

Ayon sa detalye ng HTML 4.01, ang blockquote at q na mga elemento ay maaaring gumamit ng mga attribute na cite="…" , na tumuturo sa URL kung saan hiniram ang quote (hindi dapat ipagkamali sa isang hiwalay na cite element), at title="… " , na ang nilalaman ay lalabas bilang tooltip kapag nag-hover sa quote gamit ang mouse.

Sa kasamaang palad, ang mga browser ay hindi pa nakakahawak ng mga elementong ito ng HTML nang mahusay. Kaya, ang katangiang cite="…" ay hindi nai-render ng anumang mga browser. Upang malampasan ang kapintasan na ito, mayroong script ni Paul Davies na nagpapakita ng tooltip na may link na tinukoy sa katangian ng cite sa isang hiwalay na layer.

Ang pangalawang pandaigdigang kapintasan na nauugnay sa output ng mga inline na quote ay konektado (sorpresa, sorpresa!) sa pamilya ng Internet Explorer ng mga browser. Muli, ayon sa detalye, ang may-akda ng dokumento ay hindi dapat mag-type ng mga panipi kapag ginagamit ang q elemento. Ang mga quote ay dapat na nai-render ng browser, at sa kaso ng mga nested quotes - ibang pattern din. Okay, sabihin nating hindi sumusunod ang Opera sa huling kinakailangan, at pareho ang mga quote para sa mga nested quotes. Ngunit ang IE hanggang sa bersyon 7 ay hindi nagre-render sa kanila sa lahat!

Gayundin, hindi nauunawaan ng IE ang mga CSS properties quotes , before , after , at content , na, bastard, ay ganap na nagbaon ng pag-asa na malutas ang problema sa semantically correct na layout gamit ang CSS.

Ang problemang ito ay nalutas sa maraming paraan:

• gamit ang isang proprietary CSS behavior property (solusyon ni Paul Davies) na nagti-trigger ng JavaScript na naglalagay ng mga panipi sa IE, na may pattern ng nested quotation marks na pinag-interleaved;
• gamit ang mga kondisyong komento, sa pamamagitan lamang ng pagpapatupad ng JavaScript sa pag-load ng pahina (solusyon ni Jez Lemon mula sa Juicy Studio), habang pare-pareho ang pattern ng mga nested quotes;
• o sa pamamagitan ng pag-zero sa mga quote sa CSS gamit ang pag-aari ng mga quote at paglalagay ng mga quote sa text nang manu-mano, ngunit (pansin!) sa labas ng q element upang hindi lumabag sa mga rekomendasyon ng W3C (solusyon ni Stacey Cordoni sa A List Apart site).

Samakatuwid, ang pagpili ng pangalawang paraan mula sa unang dalawa, ginagamit namin ang script ni Jez Lemon, bahagyang binago para sa wikang Ruso. Oo, na may hindi pinaganang JavaScript, ang gumagamit ng IE ay maiiwan nang walang mga panipi, tinatanggap namin ito bilang isang kinakailangang kasamaan.

Ang aming solusyon sa panipi

Bilang karagdagan, para sa mga browser na nagbibigay ng sapat na mga panipi, kailangan mong tukuyin ang larawan ng mga panipi para sa wikang Ruso sa CSS file. Sa kabutihang palad, sa Russian typography, ang mga nested quote ay may isang pattern anuman ang antas ng nesting (na madaling ipatupad sa CSS nang hindi kinasasangkutan ng mga karagdagang klase), ngunit muli naming inirerekumenda ang pag-iwas sa malalim na nested na mga panipi sa yugto ng pagsulat ng teksto.

// Pagdaragdag sa CSS file
// Panlabas na mga panipi
q ( ​​quotes: "\00ab" "\00bb"; )

// Nested paw quotes
q q ( quotes: "\201e" "\201c"; )

Malinaw na ang mekanismong ito, kung kinakailangan, ay maaaring maging kumplikado sa kaso ng mga alternating quotation marks na may malalim na nesting, sa pamamagitan ng pagpapakilala ng mga klase, halimbawa, q.odd at q.even at pagtukoy ng klase sa pamamagitan ng kamay nang direkta kapag sumipi.

Ngayon ay madali at semantiko naming itinatakda ang sumusunod na quote: "Ang tagumpay ng kampanya ng Žalgiris," sinabi ni Vladimiras Pupkins sa Russia Today, "ay dahil hindi lamang sa pagpili ng mga vendor ng toothpaste, kundi pati na rin sa tinatawag ni Mark Twain na "paglukso sa pintuan na patungo sa loob."

Ang tagumpay ng kampanya ng Zalgiris, sinabi sa isang pakikipanayam sa Russia Today Vladimiras Pupkins, - ay dahil hindi lamang sa pagpili ng toothpaste vendor, ngunit din sa katotohanan na Mark Twain tinawag tumalon sa pintuan na patungo sa loob.

Ang pinakamagandang bahagi ay ang mga katangiang title="…" para sa mga nested na tag ay pinangangasiwaan nang tama ng mga browser.

Ang pagsulat ng halimbawa para sa wastong pagbabahagi ng nested blockquote , q , at cite na mga elemento ay iniiwan sa mambabasa bilang takdang-aralin. :)

update: Pagwawasto mula sa - siyempre, upang magtakda ng pattern ng quote sa CSS, hindi mo kailangang ilarawan ang mga nested na istilo, ang karaniwang functionality ng mga quote: q property ay sapat na (quotes: "\00ab" "\00bb" "\201e" " \201c";)

Mga Tag:

• quotes
• quote
• blockquote
• quote

Dalawang elemento ang ginagamit upang lumikha ng mga quote sa HTML: block element <Ыockquote> at inline na elemento . Tag <Ыockquote> ginagamit upang magpakita ng mahahabang panipi na kumukuha ng isang buong talata at ipakita ito na naka-indent mula sa kaliwa at kanang mga gilid. Nagbibigay-daan sa iyo ang tag na ito na maglagay ng text nang siksik sa gitna ng page. Maaaring naglalaman ito ng iba pang mga elemento sa pag-format ng teksto.

Elemento ginagamit para sa mga maikling quote na bahagi ng kasalukuyang talata. Sa pangkalahatan, binabalot ng mga browser ang nilalaman ng isang elemento sa mga panipi. Karaniwan, ang isang quotation ay hindi kasama ang mga line break, at ang quotation ay itinuturing na isang text-level na elemento.

Ang parehong mga elemento ay maaaring magkaroon ng isang katangian CITE, na ang halaga ay ang URL ng sinipi na fragment.

Halimbawa: mahaba at maikling quotes

• Subukan ito sa iyong sarili "

ay madaling matukoy gamit ang isang patayong linya ng tubo.

Gaya ng sinabi ni A. A. Milne, may mga taong nakikipag-usap sa mga hayop.

Ang Zenith ay ang pinakamataas na punto sa kalangitan para sa isang tagamasid.
sa patayong direksyon, na, gaya ng nalalaman,
ay madaling matukoy gamit ang isang patayong linya ng tubo.

Tulad ng sinabi ni A. A. Milne, may mga taong nakikipag-usap sa mga hayop.

Tag

Ang pagdadaglat ay isang pagdadaglat ng mga salitang pinagtibay sa pagsulat o isang salita na binubuo ng ilang bahagi ng iba pang mga salita (unibersidad, instituto ng pananaliksik, komiteng tagapagpaganap, atbp.). Kapag gumagamit ng anumang acronym o abbreviation sa text, gamitin ang tag . Gamit ang attribute na "title", maaari kang magtakda ng tooltip na may decoding ng abbreviation. Kasabay nito, eksaktong ini-index ng mga search robot ang buong bersyon ng transcript, na tinukoy sa attribute na "title". Upang makilala ang mga pagdadaglat mula sa regular na teksto, ang mga ito ay sinalungguhitan ng isang tuldok na linya.

Halimbawa: Pagpapaikli

• Subukan ito sa iyong sarili "

Gumagawa ang NASA ng ilang hindi kapani-paniwalang mga eksperimento sa espasyo.

Hal. Si Stephen Hawking ay isang theoretical physicist at cosmologist.

NАSА!} nagho-host ng ilang hindi kapani-paniwala
mga eksperimento sa kalawakan.

Hal. Si Stephen Hawking ay isang theoretical physicist at cosmologist.

Tag