Blockquote ke eng?

Haeba u kile ua sheba lethathamo la likarolo tsa HTML, e ka 'na eaba u iphumana u botsa "blockquote ke eng?" Sehlooho sa blockquote ke marang-rang a HTML a sebelisetsoang ho hlalosa litemoso tse telele. Mona ke tlhaloso ea ntlha ena ho ea ka leseli la W3C HTML5:

Sehlooho sa blockquote se emela karolo e qotsitsoeng mohloling o mong.

Kamoo U ka Sebelisang Blockquote Libukeng Tsa Hao

Ha u ntse u ngola mongolo leqepheng la websaete mme u theha sebaka sa leqephe leo, ka linako tse ling u batla ho letsetsa karolo ea mongolo e le quotation.

Ena e ka ba tlhaloso e tsoang sebakeng se seng, joaloka bopaki ba bareki bo tsamaisanang le pale ea katleho kapa pale ea katleho ea morero. Hona ho ka boela ha e-ba phekolo ea moqapi e pheta-pheta mongolo oa bohlokoa ho tloha sehloohong kapa ka boeona ka boeona. Ha ho phatlalatsoa, ​​ka linako tse ling ho bitsoa " pull-quote" , "In web design", e 'ngoe ea litsela tsa ho finyella sena (le tsela eo re e koahelang sehloohong sena) e bitsoa blockquote.

Kahoo a re hlahlobe hore na u ka sebelisa lebokose la blockquote joang ho hlalosa litlhaloso tse telele, tse kang karolo ena ea "Jabberwocky" ea Lewis Carroll:

'E ne e le motho ea khabane'
Na o ne a le motlatsi le gimble motseng:
Bohle bo ne bo lekana le ba borogoves,
'Me letšoao le hlahisa litlhaloso.

(ka Lewis Carroll)

Mohlala oa ho sebelisa Lebokose la Blockquote

Lebokose la blockquote ke letšoao la semantic le bolellang sebapali kapa moemeli oa moeletsi hore lintho tse ka hare ke quotation e telele. Ka lebaka leo, ha ua lokela ho kenyelletsa mongolo o seng mongolo o itseng ka har'a lebokose la blockquote. Hopola, "quotation" hangata ke mantsoe a sebele ao motho e mong a buileng kapa a ngotseng a tsoang ho mohloli o ka ntle (joaloka mongolo oa Lewis Carroll sehloohong sena), empa e ka boela ea e-ba mohopolo oa ho hula holimo oo re o boneng pejana.

Ha u nahana ka eona, ts'ebetso eo ke tlhaloso ea mongolo, e mpa feela e tsoa sehloohong se le seng seo tlhaloso ka eona e hlahang ho eona.

Boholo ba liwebsaete tsa marang-rang li kenyelletsa ho hlahisa (libaka tse ka bang 5) mahlakoreng ka bobeli a blockquote ho e etsa hore e hlahe ho tsoa temaneng e potolohileng. Liwebsaete tse ling tsa khale haholo li ka ba tsa fana ka litemana tse qotsitsoeng tse ngotsoeng ka letsoho.

Hopola hore ena ke mokhoa o sa nepahalang oa setho sa blockquote. Ka CSS, u na le taolo e feletseng ea hore na blockquote ea hau e tla bontša joang. O ka eketsa kapa o tlosa sekhetho, eketsa mebala ea morao kapa eketsa boholo ba mongolo ho tsoela pele ho hoeletsa tlhaloso. U ka phaphamala tlhaloso ho lehlakoreng le leng la leqephe 'me u na le mongolo o mong o o phuthela, e leng mokhoa o tloaelehileng oa ho bona li-pullquotes makasineng a hatisitsoeng. U na le taolo ea ponahalo ea blockquote le CSS, ntho eo re tla e tšohla hanyane ka hanyane. Bakeng sa hona joale, a re tsoeleng pele re shebile kamoo re ka kenyelletsang tlhaloso ea hau ka marang-rang ea hau ea HTML.

Ho eketsa lebokose la blockquote ho temana ea hau, feela potoloha temana e nang le quotation e nang le lihlopha tse latelang tsa tag -

Ka mohlala:


'E ne e le motho ea khabane'

Na o ne a le motlatsi le gimble motseng:

Bohle bo ne bo lekana le ba borogoves,

'Me letšoao le hlahisa litlhaloso.

Joalokaha u ka bona, u kenyelletsa marang-rang a matšoao a blockquote ho potoloha ka seo u se qotsitseng ka boeona. Mohlala ona, re boetse re sebelisa li-tags tsa khefu (
) ho eketsa mekhahlelo e le 'ngoe ea meeli moo ho hlokahalang ka hare ho temana. Lebaka ke hore re pheta-pheta mongolo ho tsoa thothokiso, moo likheo tse khethehileng li leng bohlokoa. Haeba u ne u ntse u theha bopaki ba bareki bopaki, 'me mela e sa hlokahale ho kenya likarolo tse itseng, u ke ke ua batla ho eketsa litekoto tsena tsa khefu le ho lumella sebapali ka boeona ho se koahela le ho se roba ha ho hlokahala ho itšetlehile ka boholo ba skrine.

U se ke ua sebelisa Blockquote ho Text Text

Ka lilemo tse ngata, batho ba sebelisitse lebokose la blockquote haeba ba batla ho kenya litemana leqepheng la bona la marang-rang, esita le haeba temana eo e ne e se khokahano. Ena ke mokhoa o mobe! Ha u batle ho sebelisa semantics ea blockquote feela bakeng sa mabaka a bonahalang. Haeba o hloka ho hlahisa temana ea hau, o lokela ho sebelisa sheshe ea lipapali, eseng matšoao a blockquote (ntle le hore, ha e le hantle, seo u lekang ho se etsa ke quote!). Leka ho kenya khoutu ena leqepheng la hau la hau ea marang-rang ha u ntse u leka feela ho eketsa ts'ebetso:

Sena e tla be e le temana e entered.

Ka mor'a moo, u ka hlasela sehlopha seo ka mokhoa oa CSS

.e na le (
ho pata: 0 10px;
}}

Sena se eketsa pixelisi tse 10 tsa padding ho ea ka lehlakoreng la serapa.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoe ke Jeremy Girard ka la 5/8/17.