Yog tias koj puas tau ntsia ib daim ntawv teev npe ntawm cov ntsiab lus HTML, koj tuaj yeem nrhiav tau koj tus kheej nug "dab tsi yog qhov blockquote?" Lub caij thaiv blockquote yog ibqho HTML tag uas yog siv los txhais cov ntsiab lus ntev. Ntawm no yog lub ntsiab txhais ntawm lub caij no raws li W3C HTML5 specification:
Lub caij thaiv blockquote sawv cev rau ib seem uas tau hais los ntawm lwm qhov chaw.
Yuav Siv Cov Ntawv Pov Npav Hauv Koj Lub Vev Xaib
Thaum koj sau ntawv nyob rau hauv lub vev xaib thiab tsim tau qhov nplooj ntawv qhov teeb tsa, koj qee zaum xav hu tawm ib ntu ntawm cov ntawv los ua cov lus hais.
Qhov no yuav yog ib qhov kev tsocai los ntawm lwm qhov chaw, xws li cov neeg tuaj sib tham nrog cov neeg tuaj yeem pabcuam nrog cov ntaub ntawv lossis qhov kev ua tiav. Qhov no kuj yog ib qho kev tsim kho kho uas rov qab ua qee cov ntsiab lus tseem ceeb hauv tsab xov xwm lossis cov ntsiab lus ntawm nws tus kheej. Hauv kev tshaj tawm, qhov no qee lub npe hu ua rub tawm (quote-quote) , hauv web tsim, ib txoj hauv kev ua tiav qhov no (thiab txoj kev uas peb yuav tsum vov nyob rau hauv qhov tsab xov xwm no) yog hu ua blockquote.
Yog li cia wb saib zoo li cas koj yuav siv cov ntawv sau npe ntawm blockquote los txhais cov lus ntev, xws li qhov excerpt ntawm "Jabberwocky" los ntawm Lewis Carroll:
'Twas brillig thiab cov slids rau toff
Ua gyre thiab gimble nyob rau hauv lub wabe:
Txhua tus txiv neej yog cov tub sab,
Thiab lub mome raths outgrabe.
(yog Lewis Carroll)
Piv txwv ntawm kev siv Tag Nruab Nrab
Lub blockquote lossis yog ib qho kev cim semantic uas qhia rau tus neeg saib xyuas lossis tus neeg siv khoom siv uas yog cov ntsiab lus ntev ntev. Yog li, koj yuav tsum tsis txhob muab cov ntawv uas tsis yog los ntawm cov ntawv sau npe hauv blockquote.Remember, "cov lus hais" feem ntau lo lus tseeb uas ib tus neeg tau hais lossis cov ntawv luam tawm sab nraud (xws li Lewis Carroll cov lus sau hauv tsab ntawv no), tab sis nws kuj yog qhov tswv yim pom tau hais tias peb tau txais yav tas los lawm.
Thaum twg koj xav txog nws, tus pullquote yog ib qho lus ntawm cov ntawv nyeem, nws cia li tshwm sim los ntawm tib tsab xov xwm hais tias qhov tsocai nws tus kheej tshwm rau hauv.
Feem ntau cov web browsers ntxiv qee cov kev qhia (txog li 5 qhov chaw) rau ob tog ntawm lub blockquote kom nws sawv ntawm cov ntawv nyeem ib puag ncig. Qee cov laus browsers kuj yuav muab tau cov ntawv sau rau hauv phau ntawv txhais lus.
Nco ntsoov tias qhov no tsuas yog qhov kev pheej yig ntawm lub caij nyoog blockquote. Nrog CSS, koj muaj tag nrho tswj li cas koj lub blockcote yuav tso saib. Koj tuaj yeem nce lossis txawm tawm ntawm qhov sib ntxiv, ntxiv cov xim tom qab los yog nce cov ntawv loj dua ntxiv hu tawm qhov tsocai. Koj tuaj yeem ntab qhov cim ntawd rau ib sab ntawm nplooj ntawv thiab muaj lwm cov ntawv qhwv ib ncig ntawm nws, uas yog ib hom kev pom zoo uas siv rau kev rubquotes hauv cov ntawv xov xwm luam tawm. Koj muaj cai tswj xyuas qhov blockquote pom nrog CSS, ib yam dab tsi uas peb yuav sib tham me ntsis ntxiv. Rau tam sim no, peb tseem tab tom saib yuav ua li cas ntxiv qhov kev sib tw nws tus kheej rau koj cov cim HTML.
Ntxiv rau cov ntawv ntxiv blockquote rau koj cov ntawv nyeem, tsuas nyob rau ntawm cov ntawv nyeem uas yog hais txog cov lus hauv qab no -
Piv txwv li:
'Twas brillig thiab cov slids rau toff
Ua gyre thiab gimble nyob rau hauv lub wabe:
Txhua tus txiv neej yog cov tub sab,
Thiab lub mome raths outgrabe.
Raws li koj tau pom, koj tsuas ntxiv ib nkawm ntawm blockquote cim npe ntawm cov ntsiab lus ntawm qhov kev suav nws tus kheej. Hauv qhov ua piv txwv, peb kuj siv qee cov cim npe tawm (
) ntxiv cov kab txuas so qhov tsim nyog hauv hauv cov ntawv nyeem. Qhov no yog vim hais tias peb tab tom xyaum nyeem ntawv los ntawm ib zaj lus paj huam, qhov chaw tshwj xeeb yog qhov tseem ceeb. Yog hais tias koj tau tsim cov testimonial tus neeg muam qhua, thiab cov kab tsis xav ua txhaum nyob rau tej qhov chaw, koj tsis xav ntxiv cov cim npe thiab tso cai rau nws tus kheej kom qhwv thiab so raws li qhov xav tau raws li qhov kev tshuaj ntsuam.
Tsis Txhob Siv Cov Ntawv Tshaj Lij (Blockquote to Indent Text)
Tau ntau xyoo, tib neeg siv cov ntawv sau npe ntawm cov ntawv cim npe yog tias lawv xav sau cov ntsiab lus hauv lawv lub vev xaib, txawm tias cov ntawv nyeem tsis yog ib lub tub ntses. Qhov no yog kev xyaum phem! Koj tsis xav siv lub semantics ntawm blockquote ib qho rau cov laj thawj nrig. Yog tias koj xav tau koj cov ntawv nyeem, koj yuav tsum siv cov ntawv txheeb, tsis yog cov ntawv cim npe blockquote (tshwj tsis yog tias, koj tabtom ua dab tsi yog qhov kev tsocai!). Sim muab cov cai no rau hauv koj qhov web page yog tias koj tab tom sim ua kom ntxiv ib qho ntxiv:
Qhov no yuav yog cov ntawv nyeem uas yog indented.
Tom ntej no, koj yuav tsom hoob kawm nrog CSS style
.indented {
padding: 0 10px;
}
Qhov no ntxiv rau 10 pixels ntawm padding rau ob sab ntawm cov pawg lus.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 5/8/17.