Blockquote çi ye?

Heke hûn li ser lîsteya HTML-ê binihêrin, hûn dikarin ji xwe bipirsin ka "Pirsgirêkek çi ye?" Ji hêla blockquote elementek yekane ya HTML-tagê ye ku tê bikaranîn ku ji bo têketinên dirêj yên dirêj bike. Li gorî vê taybetmendiyê ya W3C HTML5 li gorî vê yekê ye.

Elementek blokotek beşek beşek nimûne ku ji çavkaniyeke din ve tê gotin.

Li ser Webpages Çawa Bixebitin Blockquote

Dema ku hûn di rûpela malperê de nivîsîn û çêkirina pirtûkê çêbikin, carinan carinan hûn dixwazin blokek nivîskî wekî qutkirina banga xwe bikin.

Ev dikare dikare derveyî cîhekî din, wekî mîna şertên bargiraniyê ku di xwendina dozê de an jî çîroka serkeftina projeyê de bibe. Ev dikare jî tedbîrên tedawî be ku dibe ku hûn ji hêla gotar an na naveroka xwe veguhestin. Di weşanekirinê de, carinan ev carinan vekişînek tê gotin , Di navnîşa malperê de, yek ji awayên ku ji bo vê yekê bigirin (û rêyên ku di vê gotara de hatiye derxistin) tê veşartî ye.

Ji ber vê yekê hûn bizanin ka hûn ê çiqas barkirina bloqê bikar bînin ku ji bo koteyên dirêj yên dirêj bike, wekî ev ji "The Jabberwocky" ji hêla Lewis Carroll ve digotin:

'Twas brillig and the slotshey
Gelê gyre û tengilî bûye:
Hemû mêrgiyan borogoves bûn,
Û pevikên pevçûnê hilweşînin.

(ji aliyê Lewis Carroll)

Nimûne Bikaranîna Dema Block Blockquote

Tengaya blockquote tagek semantic e ku ew gerok an bikarhênerê bikarhêner e ku naveroka ku naveroka pir dirêjkirinê ye. Wek vê yekê, divê hûn nexşeya tekstê ya ku di hundurê blockquote di hundurê devera nehate ne. Dibe ku, "quation" pir caran peyvên rastîn e ku kesek ji jêderek derveyî çavkanî (wek nivîsa Lewis Carroll di nivîsara gotarê de) gotiye, lê ew dikare têgihîştina têkoşînê ya ku berê berê me kiribû.

Dema ku hûn li ser wê difikirin, ku dorpêçek nivîskî nivîskî ye, ew tenê ji heman gotarê ye ku têkoşîna xwe tê de tête.

Gelek gerokên gerîlayên hûrgelan (nêzîkî 5 spaces) ji her du alîgirên blokotê digire ku ji wê derê dorpêçê dorpêç bikin. Hinek gerokên kevneşopî jî nivîsê nivîskî li italian re pêşkêş dikin.

Bîr bînin bîra xwe ev yek tenê stenbolê ya ji hêla blockquote elementek e. Bi CSS, te bi tevahî kontrola xwe heye ku hûn çawa çawa astengkirina we berbiçav bikin. Hûn dikarin zêde bibin an jî heta ku hundirê hundurê xwe bikişînin, rengên paşîn ên xweş bikin an jî mezinahiya nivîsê zêde bikin û bêtir banga bêjin. Hûn dikarin ji bo aliyek yek ji rûpelê pirtûka dorpêç bikin û li ser dora din ve girêdayî ye, kîjan şêweya gelemperî ku ji bo pirtûkxaneyên çapkirî yên çapkirî ve tê bikaranîn e. Hûn li ser sembola block blockê bi CSS-ê re kontrol dike, tiştek ku em ê di demeke kurt de biçûk bifikirin. Ji bo niha, em bisekinin ka çawa meriv bixweberê xwe bi navnîşana HTML-ê ve zêde bike.

Ji bo barkirina blockquote bi nivîsa xwe ve zêde bike, bi teknîkî ve girêdayî ye ku bi rahiştina bi pelê jêrînek jêrîn e -

Bo nimûne:


'Twas brillig and the slotshey

Gelê gyre û tengilî bûye:

Hemû mêrgiyan borogoves bûn,

Û pevikên pevçûnê hilbijêre.

Wekî ku hûn dikarin bibînin, hûn hêsantir li ser dorpêçên blokotê li ser naverokê ya xwe binavkirin. Di vê nimûne de, em jî hin hûrgelan bikar tînin (
) ji bo qutên yekem ên ku li hundurê nivîsê veqetandin. Ji ber ku em ji nivîsê helbestek veşartin, ku derê wan xweserên girîng girîng e. Heke ku we çêbibe ku şiroveya şertên bargiraniyê, û pêdivî hewce ne ku hûn beşên taybetî yên xwenîşandan bike, hûn ê naxwazin van pêlavên tehlîdan zêde bikin û destûrê bidin ku gerokê xwe xweş bikin û wekî hewceyê ku di pîvana screenê de hewce dike.

Nivîsneya Indent a Block Blockquote Bikaranîna Vebijêrin

Gelek salan, ji bo kesên ku li ser malpera xwe ya nivîskî dixwest dixebite tagê blokot bikar anîn, heke ew gotar nexşandin. Ev merivek xirab e! Ma hûn ne dixwazin ku semantîkên blokotê tenê ji bo sedemên dîtir ên bikar bînin. Heke ku hûn hewceyê nivîsa xwe binivîsin, divê hûn pirtûkên şêweyê bikar bînin, ne ku barkirina blovototê (nebe, bê guman, ku hûn hewl didin hewldariyê ye!). Ger hewceyê ku hûn bi tenê hewlê bisekînin ku vê kodê di rûpelê malpera xwe de bikişînin:

Ev dê gotarê ye ku ye.

Dibe, hûn ê klasîk bi şêweya CSS-ê re hedef bikin

.indented {
padding: 0 10px;
}

Ew ji hêla paragrafa 10 pîklên xiftan digire.

Gotara rastîn ji Jennifer Krynin. Edited by Jeremy Girard 5/8/17.