Chii chinonzi Blockquote?

Kana iwe wakambotarisa pane zvakarongwa zve HTML, unogona kunge wakazviwana uchibvunza "chii chinonzi blockquote?" The blockquote element is HTML tag pair iyo inoshandiswa kutsanangura majeti akareba. Heino tsanangudzo yeiyi chinhu maererano neW3C HTML5 tsanangudzo:

The blockquote element inomirira chikamu chinotorwa pane imwe nzvimbo.

Nzira yekushandisa Blockquote paWebhu dzako

Paunenge uchinyorera mavara mumapeji ewebhu uye uchigadzira hurongwa hwepeji iyo, iwe dzimwe nguva unoda kudana bhokisi remavara se quotation.

Izvi zvinogona kuva chirevo kubva pane imwe nzvimbo, sevhisi yehupupuriro iyo inofamba nedzimwe nyaya kana kuti purogiramu yekubudirira nyaya. Izvi zvinogona kuvawo chirongwa chekugadzira chinodzokorora mamwe mazwi anokosha kubva munyaya kana zvayo pachako. Mukushambadzira, iyi dzimwe nguva inonzi " pull-quote ," Mu web design, imwe yenzira dzekuita izvi (uye nzira yatinoisa nayo munyaya ino) inonzi blockquote.

Saka regai titarise kuti ungashandisa sei bhokisi re blockquote kuti urondedzere zvinyorwa zvenguva refu, zvakadai seichi chinobva ku "Jabberwocky" naLee Carroll:

'Twas brillig uye slithey inodhonza
Akaita gyre uye gimble mubha wabe:
Zvose zvakafanana ndidzo dzaiva mabhanogo,
Uye rome raths outgrabe.

(naLee Carroll)

Muenzaniso weKushandisa Tag Blockquote

Gwaro re blockquote ibasa remasitendi rinotaurira musikana kana mushandisi kuti zviri mukati ndezvenguva yakareba. Sezvo zvakadaro, haufaniri kuvhara mavara asiri mutsara mukati memugwaro we blockquote. Yeuka, "quotation" inowanzo mazwi ayo mumwe munhu ataura kana kutumira kubva kune imwe kunze (semuvara weLee Carroll munyaya ino), asi iyo inogonawo kuva mhedziso yekutokote yatakabatanidzwa kare.

Paunofunga pamusoro pazvo, kudhonza uku ndeyekunyorwa kwemashoko, zvinongoitika chete kubva kune imwecheteyo iyo iyo mashoko ayo pachayo inowanikwa.

Nzvimbo dzakawanda dzewebhu dzewebhu dzinowedzera zvinyorwa (zvinenge zvikamu 5) kumativi ose maviri e blockquote kuti zvive zvakabuda pamashoko akaripoteredza. Mamwe mabheji akare anokwanisa kutora mashoko akanyorwa mumitambo.

Yeuka kuti ichi ndicho chimiro chisina kukwana che blockquote element. NeCSS, iwe une simba rose pamusoro pekuti blockquote yako icharatidza sei. Iwe unogona kuwedzera kana kubvisa icho chinyorwa, wedzera mavara emumvuri kana kuwedzera usayizi hwemavara kuti uwedzere kudanidzira iyo pfuti. Iwe unogona kutenderera izvo zvinodzokorora kune rumwe rutivi rwepeji uye uine rumwe ruvara rwakaputira rwakapoteredza, iyo inowanzoshandiswa maitiro anoshandiswa pakutsvaga mumitambo yakadhindwa. Iwe unogona kudzora kuonekwa kwe blockquote neCSS, chimwe chinhu chatichakurukura zvishoma zvishoma. Nokuti ikozvino, ngatirambei tichitarisa maitiro ekuwedzera dhiyo pachedu kune ma HTML markup.

Kuti uwedzere bhokisi re blockquote kumashoko ako, ingopoteredza rugwaro rwuri quotation neyotevera tag maviri -

Semuyenzaniso:


'Twas brillig uye slithey inodhonza

Akaita gyre uye gimble mubha wabe:

Zvose zvakafanana ndidzo dzaiva mabhanogo,

Uye rome raths outgrabe.

Sezvaunogona kuona, iwe unongowedzera mapeji e-blockquote zvakapoteredza zviri mukati memashoko acho pachako. Mumuenzaniso uyu, takashandisawo mamwe mapoka matemo (
) kuwedzera sarudzo imwe chete yemukati kana zvakakodzera mukati memashoko acho. Ichi ndechokuti tiri kudzorerazve mavara kubva munhetembo, apo izvo zvakasara zvakakosha zvakakosha. Kana iwe wakanga uchinge watenga muteveri uchapupu hunotsanangurwa, uye mitsara haifaniri kuputsa mune zvimwe zvikamu, iwe haungadi kuwedzera ma tags ekubvisa uye kubvumira shanduka pachayo kuvhara nekuputsa sezvinodiwa zvichienderana neshizha rekrini.

Usashandisa Blockquote kuIndent Text

Kwemakore akawanda, vanhu vakashandisa blockquote tag kana vachida kubvisa zvinyorwa pa webpage yavo, kunyange kana rugwaro urwu rwakanga rusisiri kudhonza. Ichi chiito chakaipa! Iwe hausi kuda kushandisa semantics ye blockquote chete nekuda kwezvikonzero zvinooneka. Kana iwe uchida kusunungura rugwaro rwako, unofanira kushandisa mavara emashizha, kwete mabhuku e blockquote (kunze kwekuti, hongu, zvauri kuedza kuzvidzora is quote!). Edza kuisa kori iyi mujiji rako rewebhu kana uri kuedza kungowedzera chirevo:

Ichi chichava chinyorwa icho chinyorwa.

Zvadaro, iwe unogona kutsvaga kirasi yacho neCSS style

.ve
padding: 0 10px;
}

Izvi zvinowedzera pixel 10 ye padding kune rumwe rutivi rwemavara.

Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa5/8/17.