သငျသညျအစဉျအမွဲက HTML element တွေရဲ့စာရင်းကိုကြည့်တော့လျှင်, သင်တောင်းဆိုနေတာကိုယ့်ကိုယ်ကိုတွေ့ရှိခဲ့ကြပေမည် "ဟု blockquote ကဘာလဲဆိုတာ?" အဆိုပါ blockquote ဒြပ်စင်ရှည်လျားကိုးကားသတ်မှတ်ဖို့အသုံးပြုကြောင်းတစ်ခုက HTML tag ကို pair တစုံပါပဲ။ ဒီဒြပ်စင်၏အဓိပ်ပါယျကို W3C HTML5 ကိုသတ်မှတ်ချက်နှင့်အညီဖြစ်ပါသည်:
အဆိုပါ blockquote ဒြပ်စင်သည်အခြားအရင်းအမြစ်မှကိုးကားသောအပိုင်းကိုကိုယ်စားပြုတယ်။
သင့်ရဲ့ Webpage အပေါ် Blockquote ကိုသုံးပါရန်ကိုဘယ်လို
သင်တစ်ဦးဝဘ်စာမျက်နှာစာသားရေးသားခြင်းနှင့်စာမျက်နှာရဲ့ layout ကိုဖွင့်လိုက်တဲ့အခါ, သင်တစ်ခါတစ်ရံတစ်ဦး quotation အအဖြစ်စာသားတစ်ဘလောက်ထွက်မခေါ်ချင်။
ဒါကအမှုလေ့လာမှုသို့မဟုတ်စီမံကိန်းကိုအောင်မြင်မှုဇာတ်လမ်းတစ်ပုဒ်နှင့်အတူဖောက်သည်တစ်ဦးထောက်ခံစာများကဲ့သို့အခြားတစ်နေရာကနေကိုးကား, ဖြစ်နိုင်ပါတယ်။ ဤသည်ကိုလည်းဆောင်းပါးတွင်သို့မဟုတ်အကြောင်းအရာသူ့ဟာသူထံမှအချို့သောအရေးကြီးသောစာသားကိုထပ်တဲ့ပုံစံဒီဇိုင်းကုသမှုဖြစ်နိုင်သည်။ ထုတ်ဝေအတွက်, ဒီတစ်ခါတစ်ရံတစ်ဦးကိုခေါ်တာဖြစ်ပါတယ် ဆွဲ-ကိုးကား ဒီအောင်မြင်ရန်နည်းလမ်း, web design မှာခုနှစ်တွင်တဦးတည်း (နှင့်ကြှနျုပျတို့သညျဤဆောင်းပါး၌ဖုံးအုပ်သောလမ်း) တစ်ဦး blockquote ဟုခေါ်သည်။
ဒီတော့သင်ကထိုကဲ့သို့ Lewis ကကာရိုးအားဖြင့် "ဒီ Jabberwocky" ကနေဒီကောက်နုတ်ချက်နေသမျှကာလပတ်လုံးကောက်နုတ်ချက်, သတ်မှတ်ပေးရန် blockquote tag ကိုဘယ်လိုသုံးမယ်ဆိုတာကိုကြည့်ကြကုန်အံ့:
'' Twas brillig နှင့် slithey တိုဗာ
အဆိုပါ wabe အတွက် gyre နှင့် gimble ပြု
အားလုံး mimsy အဆိုပါ borogoves တည်ကြသည် ဖြစ်. ,
ထိုအခါ mome Rath outgrabe ။
(Lewis ကကာရိုးအားဖြင့်)
အဆိုပါ Blockquote Tag ကိုအသုံးပြုခြင်း၏သာဓက
အဆိုပါ blockquote tag ကိုရဲ့ contents ရှည် quotation အသောဘရောက်ဇာသို့မဟုတ်အသုံးပြုသူအေးဂျင့်ကိုပြောပြမယ့် semantic tag ကိုဖြစ်ပါတယ်။ ကဲ့သို့သော, သင် blockquote tag.Remember အတွင်း၌တစ်ဦး quotation အမဟုတျကွောငျးကိုစာသားခိုင်ခံ့မဖြစ်သင့်တဲ့ "ကိုးကား" ကိုမကြာခဏတစ်စုံတစ်ဦးကဆိုသည်သို့မဟုတ် (ဤဆောင်းပါးကိုအတွက် Lewis ကကာရိုးစာသားကိုလိုမျိုး) တစ်ခုအပြင်ဘက်တွင်အရင်းအမြစ်မှစာသားကိုမူကြောင်းကိုအမှန်တကယ်စကားလုံးများကိုဖြစ်ပါတယ်, ဒါပေမယ့် ဒါကြောင့်လည်းကျနော်တို့ဟာအရင်ကဖုံးလွှမ်းသော pullquote အယူအဆရှိနိုင်ပါသည်။
သင်ကစဉ်းစားတဲ့အခါ, ကြောင်း pullquote စာသားတစ်ကိုးကားသည်ကရုံကိုးကားသူ့ဟာသူအတွက်ပေါ်လာသောတူညီသောဆောင်းပါးကနေဖြစ်ဖြစ်လာတယ်။
အများစုက web browsers တွေကြောင့်ပတ်ဝန်းကျင်ကစာသားထံမှထွက်မတ်တပ်ရပ်စေတဲ့ blockquote နှစ်ဖက်စလုံးမှအချို့သော Indent (5 နေရာ) ထည့်ပါ။ တချို့ကအလွန်ဟောင်းနွမ်း browser များပင်စာလုံးစောင်းထဲမှာကိုးကားစာသားကိုဆပ်လိမ့်မည်။
ဒီရိုးရှင်းစွာ blockquote ဒြပ်စင်၏ default အနေနဲ့ပုံစံကြောင်းကိုသတိရပါ။ CSS နဲ့, သင်သည်သင်၏ blockquote ပြပေးလိမ့်မယ်ဘယ်လိုကျော်စုစုပေါင်းထိန်းချုပ်မှုရှိသည်။ သငျသညျကိုတိုးမြှင့်သို့မဟုတ်ပင်ကုန်အမှာစာကိုဖယ်ရှား, နောက်ခံအရောင်တွေ add သို့မဟုတ်နောက်ထပ်ကိုးကားထုတ်ဖုန်းခေါ်စာသားအရွယ်အစားကိုတိုးမြှင့်ပေးနိုင်သည်။ သငျသညျပုံနှိပ်မဂ္ဂဇင်းအတွက် pullquotes အတွက်အသုံးပြုမယ့်လေ့အမြင်အာရုံစတိုင်ဖြစ်သော, စာမကျြနှာတစျခုအခြမ်းမှကိုးကား float နှင့်ပတ်လည်အခြားစာသားမထုပ်ပိုးပြီးရှိနိုင်ပါသည်။ သငျသညျ CSS ကိုအတူ blockquote ရဲ့ပုံပန်းသဏ္ဌာန်, ငါတို့အနည်းငယ်ပိုမကြာမီဆွေးနွေးကြမည်တစ်ခုခုကျော်ထိန်းချုပ်မှုရှိသည်။ ယခုအဘို့, သင့်ရဲ့ HTML ကို markup ဖို့ကိုးကားသူ့ဟာသူထည့်သွင်းဖို့ဘယ်လိုကြည့်ဆက်ပြီးကြကုန်အံ့။
သင်၏စာသားဖို့ blockquote tag ကိုထည့်ရန်, ရိုးရိုးအောက်ပါ tag ကိုတစ်စုံတစ်ဦး quotation အကြောင်းစာသားဝန်းရံ -
ဥပမာ:
'' Twas brillig နှင့် slithey တိုဗာ
အဆိုပါ wabe အတွက် gyre နှင့် gimble ပြု
အားလုံး mimsy အဆိုပါ borogoves တည်ကြသည် ဖြစ်. ,
ထိုအခါ mome Rath outgrabe ။
သင်တို့ကိုတွေ့မြင်နိုင်သကဲ့သို့, သင်ရိုးရှင်းစွာကိုးကားသူ့ဟာသူများ၏ content ပတ်ပတ်လည် blockquote tags များ၏ pair တစုံထည့်ပါ။ ဒီဥပမာထဲမှာ, ငါတို့သည်လည်းအချို့သောချိုး tag များအသုံးပြုသော (
) ကစာသားရဲ့အတွင်းပိုင်းဘယ်မှာသင့်လျော်သောတစ်ခုတည်းသောလိုင်းအားလပ်ချိန်ကိုထည့်သွင်းရန်။ အဲဒီတိကျတဲ့လပ်ချိန်အရေးကြီးလှသည်ဘယ်မှာကဗျာတစ်ပုဒ်မှစာသားမ recreating နေကြသည်ထားလို့ဖြစ်ပါတယ်။ သင့်ရဲ့ဖောက်သည်တစ်ဦးထောက်ခံစာကိုးကားကိုခံခဲ့ရသည်, နှင့်လိုင်းများတိကျတဲ့အစိတ်အပိုင်းများကိုချိုးရန်မလိုအပ်ခဲ့ပါဘူးလျှင်သင်သည်ဤချိုး tag များပေါင်းထည့်ခြင်းနှင့်မျက်နှာပြင်အရွယ်အစားပေါ်တွင်အခြေခံလိုအပ်အဖြစ် browser ကိုသူ့ဟာသူခြုံနဲ့ချိုးဖျက်ဖို့ခွင့်ပြုချင်မှာမဟုတ်ဘူး။
စာသား Indent မှ Blockquote ကိုသုံးပါမ
သူတို့ဝက်ဘ်စာမျက်နှာအပေါ်စာသားကို Indent ချင်တယ်ဆိုရင်နှစ်ပေါင်းများစွာလူတွေကိုစာသားတစ် pullquote မဟုတ်ခဲ့လျှင်ပင်, ထို blockquote tag ကိုအသုံးပြုခဲ့သည်။ ဒါကမကောင်းတဲ့အလေ့အကျင့်ပါ! သငျသညျတစ်ခုတည်းကိုသာအမြင်အာရုံအကြောင်းပြချက်များအတွက် blockquote ၏ semantic အသုံးပြုချင်ကြဘူး။ သင်သည်သင်၏စာသားကို Indent ဖို့လိုအပ်လျှင်, သင်စတိုင်လ်စာရွက်များမ blockquote tags များကိုအသုံးပြုသင့်ပါတယ် (မဟုတ်လျှင်, သင်တန်း, သင်သည်အဘယ်သို့ Indent ဖို့ကြိုးစားနေကြတယ်တစ်ကိုးကားဖြစ်ပါတယ်!) ။ သငျသညျတခုကုန်အမှာစာကိုထည့်သွင်းဖို့ရိုးရှင်းစွာကြိုးစားနေကြပါတယ်လျှင်သင်၏ဝဘ်စာမျက်နှာ၌ဤကုဒ်ချပြီးကြိုးစားပါ:
ဤသည်မှာပြီးအင်တင်းခဲ့သည်ကြောင်းစာသားကိုဖြစ်လိမ့်မည်။
Next ကို, သင်က CSS ကိုစတိုင်နဲ့လူတန်းစားပစ်မှတ်ထားမယ်လို့
{.indented
padding ကို: 0 10px;
}
ဒါကအပိုဒ်၏တစ်ဖက်တစ်ချက်မှ padding ကို၏ 10 pixels ကိုထပ်ပြောသည်။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 5/8/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်။