Hvað er Blockquote?

Ef þú hefur einhvern tíma skoðað lista yfir HTML-þætti gætir þú fundið þig sjálfur og spyrja "hvað er blockquote?" The blockquote frumefni er HTML tag par sem er notað til að skilgreina langar tilvitnanir. Hér er skilgreiningin á þessum þáttum í samræmi við W3C HTML5 forskriftina:

Blockquote þátturinn táknar hluta sem er vitnað frá annarri uppsprettu.

Hvernig á að nota Blockquote á vefsíðum þínum

Þegar þú ert að skrifa texta á vefsíðu og búa til síðu þessarar síðu, vilt þú stundum kalla fram texta sem tilvitnun.

Þetta gæti verið tilvitnun frá einhvers staðar annars, eins og viðskiptavina vitnisburður sem fylgir dæmisögu eða verkefnisframleiðslu. Þetta gæti líka verið hönnunarmeðferð sem endurtekur mikilvægan texta úr greininni eða efninu sjálfu. Í útgáfu er þetta stundum kallað tilvitnun . Í vefhönnun er ein af leiðunum til að ná þessu (og því hvernig við náum í þessari grein) kallast blockquote.

Svo skulum líta á hvernig þú vilt nota blockquote merkið til að skilgreina langar tilvitnanir, svo sem þetta útdrátt úr "The Jabberwocky" eftir Lewis Carroll:

"Twas brillig og slithey toves
Gerði gyre og gimble in the wabe:
Allir mimsy voru borogoves,
Og mome raths outgrabe.

(eftir Lewis Carroll)

Dæmi um notkun Blockquote Tag

The blockquote merkið er merkingartákn sem segir vafranum eða notanda umboðsmanni að innihaldið sé langur tilvitnun. Þú ættir því ekki að setja inn texta sem er ekki tilvitnun inni í blockquote taginu.Þessi er "tilvitnun" oft raunveruleg orð sem einhver hefur sagt eða texta frá utanaðkomandi uppruna (eins og Lewis Carroll textinn í þessari grein), en Það getur líka verið pullquote hugtakið sem áður var fjallað um.

Þegar þú hugsar um það, er þetta pullquote vitnisburður, það gerist bara frá sömu grein sem vitna sjálft birtist í.

Flestar vafrar bæta við einhverjum innstreymi (um 5 rými) á báðum hliðum blockquote til að gera það standa út frá nærliggjandi texta. Sumir afar gömlum vöfrum geta jafnvel látið vitna textann í skáletrun.

Mundu að þetta er einfaldlega sjálfgefið stíl á blockquote frumefni. Með CSS hefur þú fulla stjórn á því hvernig blockquote þín birtist. Þú getur aukið eða jafnvel fjarlægt innsláttina, bætt við bakgrunnslitum eða aukið textastærð til að lengra hringja í tilvitnunina. Þú getur flot þetta vitna til annars megin á síðunni og hafa aðra texta vefja um það, sem er algeng sjónrænn stíll notaður fyrir pullquotes í prentuðum tímaritum. Þú hefur stjórn á útliti blockquote með CSS, eitthvað sem við munum ræða smá í stuttu máli. Fyrir nú, við skulum halda áfram að skoða hvernig á að bæta við tilvitnuninni sjálfum við HTML markupið þitt.

Til að bæta við blockquote merkinu við textann skaltu einfaldlega umlykja texta sem er tilvitnun með eftirfarandi tagpör -

Til dæmis:


"Twas brillig og slithey toves

Gerði gyre og gimble in the wabe:

Allir mimsy voru borogoves,

Og mome raths outgrabe.

Eins og þú getur séð, þá bætirðu einfaldlega við um par af blockquote tags um innihald vitna sjálfs. Í þessu dæmi notuðum við líka nokkrar brotamerki (
) til að bæta við einni línubresti eftir því sem við á inni í textanum. Þetta er vegna þess að við erum að endurskapa texta úr ljóð þar sem þessar sérstakar hlé eru mikilvægar. Ef þú varst að búa til vitnisburð um viðskiptavini og línurnar þurftu ekki að brjóta í ákveðnum hlutum, myndir þú ekki vilja bæta við þessum brotmerkjum og leyfa vafranum að pakka og brjóta eftir þörfum byggt á skjástærðinni.

Notaðu ekki Blockquote til innsláttartexta

Í mörg ár notuðu fólkið blockquote merkið ef þeir vildu vísa textanum á vefsíðuna sína, jafnvel þótt þessi texti væri ekki pullquote. Þetta er slæmt starf! Þú vilt ekki að nota merkingarfræði blockquote eingöngu af sjónrænum ástæðum. Ef þú þarft að slá inn texta þína, þá ættirðu að nota stílblöð, ekki blockquote tags (nema að sjálfsögðu er það sem þú ert að reyna að slá inn er vitna!). Reyndu að setja þennan kóða á vefsíðuna þína ef þú ert að reyna einfaldlega að bæta við inntaki:

Þetta verður texti sem er innskotið.

Næst myndi þú miða á þann flokk með CSS stíl

.
padding: 0 10px;
}

Þetta bætir 10 punkta af padding við hvorri hlið málsins.

Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 5/8/17.