Skip to content

Mikä on tarjouspyyntö?

1 de toukokuu de 2021

Jos olet joskus tarkastellut HTML-elementtien luetteloa, saatat huomata itsesi kysyvän ”mikä on lainausmerkki?” Lohkolauseke-elementti on HTML-tunnistepari, jota käytetään pitkien lainausten määrittelemiseen. Tässä on tämän elementin määritelmä W3C HTML5 -määrityksen mukaan:

Lauseke-elementti edustaa osaa, joka on lainattu toisesta lähteestä.

Lifewire / Lara Antal

Kuinka käyttää Blockquotea verkkosivuillasi

Kun kirjoitat tekstiä verkkosivulle ja luot sivun asettelua, haluat joskus kutsua tekstilohkon lainausmerkiksi. Tämä voi olla lainaus muualta, kuten asiakaskokemus, joka liittyy tapaustutkimukseen tai projektin menestystarinaan. Tämä voi olla myös suunnitteluhoito, joka toistaa tärkeän tekstin itse artikkelista tai sisällöstä. Kustannustoiminnassa tätä kutsutaan joskus vetolainaukseksi. Verkkosuunnittelussa yhtä tapoja saavuttaa tämä (ja tapaa, jota käsittelemme tässä artikkelissa) kutsutaan lauseeksi. Joten katsotaanpa, kuinka käytettäisit blockquote-tagia pitkien lainausten määrittelemiseen, kuten tämä ote Lewis Carrollin The Jabberwocky -lehdestä:

”Twas brillig ja slithey varpaat
Oliko gyre ja kamppailu wabessa:
Kaikki utelias olivat borogoveja,
Ja äiti on ylimielinen.

(kirjoittanut Lewis Carroll)

Esimerkki Blockquote-tagin käytöstä

Lohkolauseke on semanttinen tunniste, joka kertoo selaimelle tai käyttäjäagentille, että sisältö on pitkä tarjous. Sellaisenaan, sinun ei pitäisi liittää tekstiä, joka ei ole lainaus lohkokooditagin sisälle. Lainaus on usein varsinaisia ​​sanoja, jotka joku on sanonut, tai teksti ulkopuolisesta lähteestä (kuten tämän artikkelin Lewis Carroll -teksti), mutta se voi myös olla aiemmin lainaama tarjouskonsepti. Kun ajattelet sitä, tuo vetolaina on tekstilainaus, se sattuu olemaan samasta artikkelista, jossa lainaus itse näkyy. Useimmat verkkoselaimet lisäävät lohkolauseen molemmille puolille sisennystä (noin 5 välilyöntiä) se erottuu ympäröivästä tekstistä. Jotkut erittäin vanhat selaimet saattavat jopa tehdä lainatun tekstin kursiivilla. Muista, että tämä on yksinkertaisesti lauseen lainauselementin oletustyyli. CSS: n avulla voit hallita täysin, kuinka lohkotarjouksesi näkyy. Voit suurentaa tai jopa poistaa luetelmakohdan, lisätä taustavärejä tai lisätä tekstikokoa tarjotaksesi lisää tarjousta. Voit kelluttaa kyseisen lainauksen sivun toiselle puolelle ja antaa toisen tekstin kiertää sen ympärille, mikä on yleinen visuaalinen tyyli, jota käytetään painettujen lehtien lainausmerkeissä. Sinulla on määräys lainausmerkin ulkonäköön CSS: n avulla, josta keskustelemme vähän myöhemmin. Jatketaan nyt, miten tarjous itse lisätään HTML-merkintöihin. Jos haluat lisätä tekstilausekkeen tekstiin, ympäröi lainausmerkinnässä oleva teksti seuraavalla tunnisteparilla:

  • Avaaminen:

  • Sulkeminen:

Esimerkiksi:

’Twas brillig ja slithey varpaat

Pystyivätkö gyre ja kamppailemaan wabessa:

Kaikki utelias olivat borogoveja,

Ja äiti on ylimielinen.

type = ”code”> Lisää lohkolainatunnisteiden pari itse tarjouksen sisällön ympärille. Tässä esimerkissä käytimme myös joitain taittotunnisteita (
) yksittäisen rivinvaihdon lisäämiseen tarvittaessa tekstin sisälle. Tämä johtuu siitä, että luomme uudelleen tekstiä runosta, jossa nämä erityiset tauot ovat tärkeitä. Jos luot asiakkaan suosittelutarjouksen eikä viivoja tarvinnut rikkoa tietyissä osissa, et halua lisätä näitä katkontatunnisteita ja antaa selaimen itse kääriytyä ja rikkoutua tarpeen mukaan näytön koon mukaan.

Älä käytä lainausmerkkiä tekstin sisennykseen

Monien vuosien ajan ihmiset käyttivät lohkolainatunnistetta, jos he halusivat sisentää tekstiä verkkosivulleen, vaikka kyseinen teksti ei olisikaan pull-lainaus. Tämä on huono käytäntö! Et halua käyttää lohkolainauksen semantiikkaa vain visuaalisista syistä. Jos sinun on sisennettävä tekstiä, sinun on käytettävä tyylitaulukoita, ei lohkolauseketunnisteita (ellei tietenkään se, mitä yrität sisenyttää, on lainaus!).