Jos olet joskus tarkastellut HTML-elementtien luetteloa, saatat huomata itsesi kysyvän "mikä on lainausmerkki?" Lauseke-elementti on HTML-tunniste pari, jota käytetään pitkien lainausten määrittelemiseen. Tässä on tämän elementin määritelmä W3C HTML5 -määrittely:
Lauseke-elementti edustaa osaa, joka on lainattu toisesta lähteestä.
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 suunnittelukäsittely, joka toistaa tärkeän tekstin artikkelista tai sisällöstä itsestään. Kustannustoiminnassa tätä kutsutaan joskus a vedä lainaus, Verkkosuunnittelussa yhtä tapoja saavuttaa tämä (ja tapaa, jota käsittelemme tässä artikkelissa) kutsutaan lohkoteeksi.
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ä, tämä vetolaina on tekstilainaus, se sattuu olemaan samasta artikkelista, jossa lainaus itse esiintyy.
Suurin osa selaimista lisää sisennyksen (noin 5 välilyöntiä) lauseen molemmille puolille, jotta 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 luetelmakohtaa, 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ä lohkolainatunnisteen tekstiin, ympäröi lainausmerkinnässä oleva teksti seuraavalla tunnisteparilla:
- Avaaminen:
- Sulkeminen:
Esimerkiksi:
’Twas brillig ja slithey varpaat.
Oliko gyre ja kamppailu wabessa:
Kaikki utelias olivat borogoveja,
Ja äiti on ylimielinen.Lisää pari lohkolainan tunnisteita itse tarjouksen sisällön ympärille. Tässä esimerkissä käytimme myös joitain katkaise tunnisteet (
) lisätäksesi yksittäisen rivinvaihdon tekstin sisälle. Tämä johtuu siitä, että luomme uudelleen tekstiä runosta, jossa nämä erityiset tauot ovat tärkeitä.Jos olet luonut asiakkaan suosittelutarjouksen eikä viivoja tarvinnut katkaista tietyissä osissa, sinä ei halua lisätä näitä keskeytystunnisteita ja antaa selaimen itsensä kääriytyä ja rikkoutua tarpeen mukaan näytön perusteella koko.
Ä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!).