Agar siz HTML elementlari ro'yxatiga qaragan bo'lsangiz, o'zingizni "blokirovka nima?" Deb so'ragan bo'lishingiz mumkin. Blockquote elementi uzoq tirnoqlarni aniqlash uchun ishlatiladigan HTML tag jufti. Bu element W3C HTML5 spetsifikatsiyasiga muvofiq belgilanadi:
Blockquote element boshqa manbadan olingan bir qismni ifodalaydi.
Web sahifalaringizda Blokkuotni qanday ishlatish kerak
Matnni veb-sahifada yozganingizda va u sahifaning tartibini yaratishda, siz ba'zan matn blokini taklif sifatida chaqirishni xohlaysiz.
Bu boshqa bir joydan taklif bo'lishi mumkin, masalan, mijozning guvohnomasi, masalan, amaliy tadqiqotlar yoki loyiha muvaffaqiyat hikoyasi. Bu shuningdek, ba'zi bir muhim matnni maqola yoki tarkibning o'zidan takrorlaydigan dizaynlashtirilgan ishlov bo'lishi mumkin. Nashriyotda bu ba'zan pul olish taklifi deb ataladi, veb-dizaynda, buni amalga oshirishning usullaridan biri (va biz ushbu maqolada bayon etgan usuli) "blockquote" deb ataladi.
Keling, Lewis Carrollning "The Jabberwocky" gazetasidan olingan bu jumlaga o'xshash uzun tirnoqlarni aniqlash uchun blockquote yorlig'ini qanday ishlatishni ko'rib chiqaylik:
"Twas brillig va slithey toves"
Yalang'och va pushti chayqalish:
Hamma mimsy borogoves edi,
Mo'ynali kiyim-boshchalar gavdalanadi.
(by Lyuis Carroll)
Blockquote yorlig'idan foydalanishning misoli
Blockquote yorlig'i brauzer yoki foydalanuvchi agentiga mazmun uzun tirnoq ekanligini bildiradigan semantik yorliqdir. Shu sababli, blokquot tagidagi tirnoq bo'lmagan matnni biriktirmasligingiz kerak. Shunga qaramasdan, "tirnoq" ko'pincha kimdir aytgan yoki tashqi manbadan olingan matn (masalan, bu maqoladagi Lyuis Carroll matniga o'xshash) Bundan tashqari, ilgari biz qamrab olgan pullquote kontseptsiyasi ham bo'lishi mumkin .
Agar siz bu haqda o'ylab ko'rsangiz, bu tortishuv matnning bir nusxasi bo'lib, u faqat o'z maqolasida keltirilgan maqoladan kelib chiqadi.
Ko'pgina veb-brauzerlar atrofdagi matndan ajralib turishi uchun blok-kodning har ikki tomoniga bir nechta indentsiya (taxminan 5 ta bo'shliq) qo'shib qo'yadi. Ba'zi juda qadimgi brauzerlar, shuningdek, matnli matnni kursiv kursatib berishi mumkin.
Shuni yodda tutingki, bu faqat blockquote elementining sukut uslubi. CSS-da, sizning blokirovkangiz qanday ko'rinishini namoyish qilishingiz mumkin. Chiziqni oshirib, hatto olib tashlashingiz, fon ranglarini qo'shishingiz yoki taklifni chaqirish uchun matn hajmini oshirishingiz mumkin. Ushbu varianti sahifaning bir chetiga surib qo'yishi mumkin va boshqa matnlar atrofida suratga olishi mumkin, bu bosma nashrlarda chop etish uchun ishlatiladigan odatiy vizual uslubdir. Blokkotning tashqi ko'rinishini CSS bilan nazorat qilishingiz mumkin, biz biroz ko'proq gaplashamiz. Keling, keling, o'zingizning HTML formatlashingiz uchun taklifni qanday qo'shishni ko'rib chiqaylik.
Blockquote yorlig'ini matningizga qo'shish uchun quyidagi yorliq juftligi bilan kotirovka bo'lgan matnni to'ldiring -
Masalan:
"Twas brillig va slithey toves"
Yalang'och va pushti chayqalish:
Hamma mimsy borogoves edi,
Mo'ynali kiyim-boshchalar gavdalanadi.
Ko'rib turganingizdek, siz o'zingizning sharhingizning mazmuni atrofidagi blokkota tegini qo'shishingiz mumkin. Ushbu misolda, biz ba'zi tanaffus teglar (
), matnning ichida mos keladigan joyda bir qator tanaffus qo'shish. Buning sababi shundaki, biz ushbu maxsus tanaffuslar muhim bo'lgan she'rdan matn yaratmoqdamiz. Agar siz xaridorning guvohnomasini yaratgan bo'lsangiz va chiziqlar aniq qismlarga bo'linib ketmasa, siz bu tanaffus teglarini qo'shishni xohlamasligingiz va brauzerning o'zi ekranning kattaligiga qarab kerakli darajada o'ralib chiqishiga ruxsat berishingiz mumkin.
Matnni chegaralash uchun bloklashni ishlatmang
Ko'p yillar mobaynida, agar odamlar o'zlarining veb-sahifalarida matnni chikarishni xohlamoqchi bo'lishsa, agar bu matnni jalb qilmasa ham, odamlar blokkota yorlig'ini ishlatishgan. Bu yomon amaldir! Blokkotaning semantikasini faqat ingl. Sabablarga ko'ra ishlatishni xohlamaysiz. Agar siz matnni kiritishni talab qilsangiz, bloknot belgilarini emas, balki uslublar jadvallarini ishlatishingiz kerak (agar, albatta, siz chertmoqchi bo'lgan narsangiz - taklif emas!). Agar indentni kiritish uchun harakat qilmoqchi bo'lsangiz, ushbu kodni veb-sahifangizga qo'yib ko'ring:
Bu indentli matn bo'ladi.
Keyinchalik, siz CSS stiliyle ushbu klassni maqsad qilib olasiz
.dasturlangan {
to'ldirish: 0 10px;
}
Bu xatboshilardagi ikkala tomonga 10 piksellik qo'shimcha to'ldiradi.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 5/8/17 yil tahrirlangan.