Biasanya, ketika meletakkan teks untuk web, mereka tidak cukup memperhatikan desain kutipan. Mencoba untuk memperbaiki kesalahpahaman yang tidak menguntungkan ini, kami akan menyentuh dua masalah: desain tipografi kutipan (di bagian di mana kesalahan tata letak paling sering dibuat) dan implementasi desain ini dalam kode HTML.

Kami juga tidak akan menyentuh masalah memeriksa keakuratan kutipan semantik, penggunaan potongan, singkatan, dan tambahan yang benar - semua orang yang tertarik sedang menunggu "Buku referensi penerbit dan penulis" oleh A. E. Milchin dan L. K. Cheltsova.

Kami berharap entri ini dapat digunakan sebagai referensi untuk pertanyaan yang sering ditemui tentang format kutipan.

Desain tipografi kutipan

Kutipan

Tanda kutip ditempatkan hanya di awal dan akhir kutipan, terlepas dari ukuran kutipan dan jumlah paragraf di dalamnya.

Kutipan diapit dalam tanda kutip dengan pola yang sama seperti yang digunakan dalam teks utama sebagai yang utama - dalam sebagian besar kasus, ini adalah tanda kutip pohon Natal "".

Jika ada kata (frasa, frasa) di dalam kutipan, yang kemudian diapit oleh tanda kutip, maka yang terakhir harus memiliki pola yang berbeda dari tanda kutip yang menutup dan membuka kutipan (jika tanda kutip luar adalah pohon Natal "", maka tanda kutip yang bagian dalam adalah cakar " ", dan sebaliknya). Sebagai contoh: Vasily Pupkin menyatakan dalam sebuah wawancara baru-baru ini: "Perusahaan Pupstroytrest mengambil tempat terhormat enam ratus dua belas dalam peringkat perusahaan konstruksi di Zaporozhye."

Jika ada tanda kutip "tahap ketiga" dalam kutipan, yaitu, di dalam frasa kutipan dari kutipan, ada kata-kata yang diambil dalam tanda kutip, seperti yang terakhir, tanda kutip dari angka kedua, itu adalah, cakar, dianjurkan. Contoh dari Milchin dan Cheltsova: M. M. Bakhtin menulis: “Trishatov memberi tahu seorang remaja tentang kecintaannya pada musik dan mengembangkan gagasan opera di depannya: “Dengar, apakah kamu suka musik? Saya sangat suka ... Jika saya sedang menulis opera, maka, Anda tahu, saya akan mengambil plot dari Faust. Saya sangat menyukai tema ini.” Tetapi secara umum, lebih baik mencoba mengatur ulang desain kutipan sedemikian rupa sehingga kasus seperti itu tidak muncul.

Tanda baca setelah kutipan di akhir kalimat

1. Jika ada tanda elipsis, tanda seru atau tanda tanya sebelum tanda kutip penutup, dan tanda kutip yang diapit tanda kutip adalah kalimat mandiri (sebagai aturan, semua tanda kutip setelah titik dua yang memisahkannya dari kata-kata kutipan adalah seperti ini) . Dalam hal ini, tanda baca ditempatkan kutipan dalam. Contoh dari Milchin dan Cheltsova:
   Pechorin menulis: "Saya tidak ingat pagi yang lebih biru dan lebih segar!"
   Pechorin mengakui: "Saya terkadang membenci diri sendiri ..."
   Pechorin bertanya: "Dan mengapa takdir melemparkan saya ke dalam lingkaran damai penyelundup yang jujur?"
2. Sama halnya jika kutipan diakhiri dengan kalimat independen, kalimat pertama dimulai dengan huruf kecil. Sebagai contoh: Pechorin merefleksikan: “... mengapa takdir melemparkan saya ke dalam lingkaran damai penyelundup yang jujur? Seperti batu yang dilemparkan ke mata air yang halus, saya mengganggu ketenangan mereka ... "
3. Jika ada tanda tanya atau tanda seru sebelum tanda kutip penutup, dan tanda kutip itu bukan kalimat mandiri, dan setelah seluruh frasa dengan tanda kutip harus ada tanda tanya atau tanda seru. Sebagai contoh: Lermontov berseru dalam kata pengantar bahwa ini adalah "lelucon lama dan menyedihkan!"

Kutipan dengan kata-kata kutipan di dalamnya

Jika tidak ada tanda baca di tempat kutipan itu putus, atau ada jeda di tempat koma, titik koma, titik dua, atau tanda hubung, maka kata-kata kutipan dipisahkan di kedua sisinya dengan koma dan tanda hubung ", -" (jangan lupa bahwa tanda hubung harus didahului oleh spasi yang tidak boleh putus! ).

Memformat kutipan dalam kode

Jadi, dua elemen digunakan untuk menyorot kutipan: kutipan blok dan q sebaris. Selain itu, elemen kutipan sebaris digunakan untuk menggambarkan sumber dari mana kutipan itu diambil. Harap dicatat bahwa kutipan hanya digunakan dan diperlukan untuk menunjukkan tautan ke sumbernya, kutipan itu sendiri tidak termasuk di dalam elemen kutipan!

Menurut spesifikasi HTML 4.01, elemen blockquote dan q dapat menggunakan atribut cite="..." , yang menunjuk ke URL tempat kutipan dipinjam (jangan dikelirukan dengan elemen cite terpisah), dan title="… " , yang kontennya akan muncul sebagai tooltip saat mengarahkan kursor ke kutipan dengan mouse.

Sayangnya, browser belum menangani elemen HTML ini dengan baik. Jadi, atribut cite="..." sama sekali tidak dirender oleh browser mana pun. Untuk mengatasi kelemahan ini, ada skrip oleh Paul Davies yang menampilkan tooltip dengan tautan yang ditentukan dalam atribut cite di lapisan terpisah.

Cacat global kedua yang terkait dengan keluaran kutipan sebaris terhubung (kejutan, kejutan!) dengan keluarga peramban Internet Explorer. Sekali lagi, menurut spesifikasi, pembuat dokumen tidak boleh mengetik tanda kutip saat menggunakan elemen q. Kutipan harus dirender oleh browser, dan dalam kasus kutipan bersarang - juga pola yang berbeda. Oke, katakanlah Opera tidak memenuhi persyaratan terakhir, dan kutipan untuk kutipan bersarang adalah sama. Tetapi IE hingga versi 7 tidak merendernya sama sekali!

Juga, IE tidak memahami kutipan properti CSS , before , after , dan content , yang, bajingan, sepenuhnya mengubur harapan untuk memecahkan masalah dengan tata letak yang benar secara semantik menggunakan CSS.

Masalah ini diselesaikan dengan beberapa cara:

• menggunakan properti perilaku CSS berpemilik (solusi Paul Davies) yang memicu JavaScript yang menempatkan tanda kutip di IE, dengan pola tanda kutip bersarang disisipkan;
• menggunakan komentar bersyarat, dengan hanya menjalankan JavaScript pada pemuatan halaman (solusi Jez Lemon dari Juicy Studio), sedangkan pola kutipan bersarang konstan;
• atau dengan memusatkan tanda kutip di CSS menggunakan properti tanda kutip dan menempatkan tanda kutip dalam teks secara manual, tetapi (perhatian!) di luar elemen q agar tidak melanggar rekomendasi W3C (solusi oleh Stacey Cordoni di situs A List Apart).

Oleh karena itu, memilih metode kedua dari dua yang pertama, kami menggunakan skrip Jez Lemon, yang sedikit dimodifikasi untuk bahasa Rusia. Ya, dengan JavaScript yang dinonaktifkan, pengguna IE akan dibiarkan tanpa tanda kutip, kami menerima ini sebagai kejahatan yang diperlukan.

Solusi kutipan kami

Selain itu, untuk browser yang membuat tanda kutip secara memadai, Anda perlu menentukan pola tanda kutip untuk bahasa Rusia di file CSS. Untungnya, dalam tipografi Rusia, kutipan bersarang memiliki satu pola terlepas dari tingkat bersarangnya (yang mudah diterapkan di CSS tanpa melibatkan kelas tambahan), tetapi kami sekali lagi sangat menyarankan untuk menghindari kutipan bersarang dalam pada tahap penulisan teks.

// Menambahkan ke file CSS
// Tanda kutip luar
q ( ​​kutipan: "\00ab" "\00bb"; )

// Kutipan cakar bersarang
q q ( kutipan: "\201e" "\201c"; )

Jelas bahwa mekanisme ini, jika perlu, dapat menjadi rumit dalam kasus tanda kutip bergantian dengan sarang yang dalam, dengan memperkenalkan kelas, misalnya, q.odd dan q.even dan menentukan kelas dengan tangan langsung saat mengutip.

Sekarang kita dengan mudah dan semantik mengeset kutipan berikut: “Keberhasilan kampanye algiris,” kata Vladimiras Pupkins kepada Russia Today, “tidak hanya karena pilihan vendor pasta gigi, tetapi juga karena apa yang Mark Twain sebut “melompati pintu yang mengarah ke dalam.”

Keberhasilan kampanye Zalgiris, dikatakan dalam sebuah wawancara dengan Russia Today Vladimiras Pupkins, - tidak hanya karena pilihan vendor pasta gigi, tetapi juga fakta bahwa Mark Twain ditelepon melompat melalui pintu menuju ke dalam.

Bagian terbaiknya adalah atribut title="..." untuk tag bersarang ditangani dengan benar oleh browser.

Menulis contoh untuk membagikan elemen blockquote , q , dan cite bersarang dengan benar diserahkan kepada pembaca sebagai pekerjaan rumah. :)

memperbarui: Koreksi dari - tentu saja, untuk mengatur pola kutipan di CSS, Anda tidak perlu mendeskripsikan gaya bersarang, fungsionalitas standar kutipan: properti q sudah cukup (kutipan: "\00ab" "\00bb" "\201e" " \201c";)

Tag:

• kutipan
• mengutip
• kutipan blok
• mengutip

Dua elemen digunakan untuk membuat kutipan dalam HTML: elemen blok <Ыockquote> dan elemen sebaris . Menandai <Ыockquote> digunakan untuk menampilkan kutipan panjang yang mengambil seluruh paragraf dan menampilkannya menjorok dari tepi kiri dan kanan. Tag ini memungkinkan Anda untuk menempatkan teks secara kompak di tengah halaman. Ini mungkin berisi elemen pemformatan teks lainnya.

Elemen digunakan untuk kutipan pendek yang merupakan bagian dari paragraf saat ini. Umumnya, browser membungkus konten suatu elemen dalam tanda kutip. Biasanya, kutipan tidak menyertakan jeda baris, dan kutipan dianggap sebagai elemen tingkat teks.

Kedua elemen dapat memiliki atribut MENGUTIP, yang nilainya adalah URL dari fragmen yang dikutip.

Contoh: kutipan panjang dan pendek

• Cobalah sendiri "

dapat dengan mudah ditentukan menggunakan garis tegak lurus vertikal.

Seperti yang dikatakan A. A. Milne, beberapa orang berbicara dengan binatang.

Zenith adalah titik tertinggi di langit bagi seorang pengamat.
dalam arah vertikal, yang, seperti diketahui,
dapat dengan mudah ditentukan menggunakan garis tegak lurus vertikal.

Seperti yang dikatakan A.A. Milne, beberapa orang berbicara dengan binatang.

Menandai

Singkatan adalah singkatan dari kata-kata yang diadopsi secara tertulis atau kata yang terdiri dari beberapa bagian kata lain (universitas, lembaga penelitian, komite eksekutif, dll.). Saat menggunakan akronim atau singkatan apa pun dalam teks, gunakan tag . Menggunakan atribut "title", Anda dapat mengatur tooltip dengan decoding singkatan. Pada saat yang sama, robot pencari mengindeks persis versi lengkap transkrip, yang ditentukan dalam atribut "judul". Untuk membedakan singkatan dari teks biasa, mereka digarisbawahi dengan garis putus-putus.

Contoh: Singkatan

• Cobalah sendiri "

NASA sedang melakukan beberapa eksperimen luar angkasa yang luar biasa.

Mantan. Stephen Hawking adalah fisikawan teoretis dan kosmolog.

NАSА!} tuan rumah beberapa yang luar biasa
eksperimen luar angkasa.

Mantan. Stephen Hawking adalah fisikawan teoretis dan kosmolog.

Menandai