HTML <blockquote> -tagi

Määritelmä ja käyttö

<blockquote> tagi määrittelee lainattu osa muista lähteistä.

Selaimet yleensä sisennävät <blockquote> elementti (katso alla olevat esimerkit ymmärtääksesi, miten poistaa sisennys).

Yksityiskohtainen selitys

<blockquote> tagi määrittelee lohkoksitteen.<blockquote> On </blockquote> Kaikki teksti välillä erottuu tavallisesta tekstistä, ja sitä sisennetään usein vasemmalla ja oikealla puolella lisäämällä ulkoreunusta, ja joskus sitä käytetään kursiivissa. Tämä tarkoittaa, että lohkoksitteellä on oma tilansa.

Vinkki:Käytä <q>-tagi tehdäksesi sisäisen (lyhyen) lainauksen.

Katso myös:

HTML DOM -viittausoppikirja:Blockquote-objekti

Esimerkki

Esimerkki 1

Lainattu osa muista lähteistä:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Viimeiset 50 vuotta World Wildlife Fund (WWF) on suojellut luonnon tulevaisuutta.
Koskettamaton maailman johtava suojelujärjestö, WWF työskentelee 100:ssä maassa ja saa tukea Yhdysvalloista 1,2 miljoonan jäsenen ja lähes 5 miljoonan ihmisen ympäri maailmaa.
</blockquote>

Kokeile itse

Esimerkki 2

Poista blockquote-elementin sisennys CSS:n avulla:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Tämä on lainaus World Wildlife Fundin verkkosivustolta:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Viimeiset 50 vuotta World Wildlife Fund (WWF) on suojellut luonnon tulevaisuutta.
Koskettamaton maailman johtava suojelujärjestö, WWF työskentelee 100:ssä maassa ja saa tukea Yhdysvalloista 1,2 miljoonan jäsenen ja lähes 5 miljoonan ihmisen ympäri maailmaa.
</blockquote>
</body>
</html>

Kokeile itse

Ominaisuus

Ominaisuus Arvo Kuvaus
cite URL Määrittää viitattavan lähteen.

Globaalit ominaisuudet

<blockquote> Elementti tukee myös HTML:n globaalit ominaisuudet.

tapahtumien ominaisuuksia

<blockquote> Elementti tukee myös HTML:n tapahtumien ominaisuudet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet käyttävät seuraavia oletusarvoja näyttämiseen <blockquote> Elementti:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Kokeile itse

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki