HTML-lainaus

Lainaus (Quotation)

Tämä on lainaus WWF-verkkosivustolta:

Viidenkymmenen vuoden ajan WWF on pyrkinyt suojelemaan luonnon tulevaisuutta. Maailman johtava ympäristönsuojelujärjestö, WWF työskentelee 100 maassa ja saanut tukensa Yhdysvalloista yhdenkymmenen miljoonan jäsenen ja lähes viiden miljoonan jäsenen tukemana maailmanlaajuisesti.

HTML <q> käytetään lyhyisiin lainauksiin

HTML <q> Elementti määrittääLyhyet lainaukset.

Selaimet yleensä ympäröivät <q> elementin:Lainaus.

Esimerkki

<p>WWF:n tavoite on:<q>Luoda maailma, jossa ihmiset ja luonto elävät yhdessä.</q></p>

Kokeile itse

Pitkien viittausten varten käytettävä HTML <blockquote>

HTML <blockquote> Elementti määrittää viitattavan osan.

Selaimet yleensä välistävät <blockquote> elementin:VälistäisyysKäsittely.

Esimerkki

<p>Tämän sisällön lähde on WWF:n verkkosivusto:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Viidenkymmenen vuoden ajan WWF on pyrkinyt suojelemaan luonnon tulevaisuutta.
Maailman johtava ympäristönsuojelujärjestö, WWF työskentelee 100 maassa
ja saanut tukensa Yhdysvalloista yhdenkymmenen miljoonan jäsenen ja lähes viiden miljoonan jäsenen tukemana maailmanlaajuisesti.
</blockquote>

Kokeile itse

Lyhenteitä varten käytettävä HTML <abbr>

HTML <abbr> Elementti määrittääLyhenteettai lyhenteitä.

Lyhenteiden merkintä voi tarjota hyödyllistä tietoa selaimille, käännösjärjestelmille ja hakukoneille.

Esimerkki

<p><abbr title="World Health Organization">WHO</abbr> perustettiin vuonna 1948.</p>

Kokeile itse

Määrittelyä varten käytettävä HTML <dfn>

HTML <dfn> Elementti määrittää kohteen tai lyhenteenMäärittely.

dfn:n käyttö HTML5:n mukaisesti kuvataan monimutkaisena:

1. Jos <dfn> elementin title-ominaisuus on asetettu, määrittää kohteen:

Esimerkki

<p><dfn title="World Health Organization">WHO</dfn> perustettiin vuonna 1948.</p>

Kokeile itse

2. Jos <dfn> elementti sisältää otsikoitun <abbr> elementin, title määrittää kohteen:

Esimerkki

<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> perustettiin vuonna 1948.</p>

Kokeile itse

3. Muussa tapauksessa <dfn> tekstisisältö on kohde, ja isäntäelementti sisältää määritelmän.

Esimerkki

<p><dfn>WHO</dfn> Maailman terveysjärjestö perustettiin vuonna 1948.</p>

Kokeile itse

Huomautus:Jos haluat yksinkertaistaa, käytä ensimmäistä vaihtoehtoa tai korvaa <abbr>.

HTML <address> elementti käytetään yhteystietoihin

HTML <address> Elementti määrittää asiakirjan tai artikkelin yhteystiedot (kirjoittaja/omistaja).

Tämä elementti näyttää yleensäKursiiviNäytä. Useimmat selaimet lisäävät rivinvaihdon tämän elementin ympärille.

Esimerkki

<address>
Kirjoittanut Donald Duck.<br> 
Vierailkaamme:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

Kokeile itse

HTML <cite> elementti käytetään teoksen otsikoihin

HTML <cite> Elementti määrittääTeoksen otsikko.

Selaimet näyttävät yleensä <cite> elementit kursiivilla.

Esimerkki

<p><cite>The Scream</cite> by Edward Munch. Maalattu 1893.</p>

Kokeile itse

Käytetään kaksisuuntaista uudelleenkirjoittamista HTML <bdo>-elementissä

HTML <bdo> Elementti määrittää kaksisuuntaisen ylityksen (bi-directional override).

<bdo> Elementti käytetään nykyisen tekstin suunnan ylittämiseen:

Esimerkki

<bdo dir="rtl">Tämä teksti kirjoitetaan oikealta vasemmalle</bdo>

Kokeile itse

HTML Viittaukset, viittaukset ja määritelmäelementit

Tunniste Kuvaus
<abbr> Määritä lyhenteet tai lyhenteet.
<address> Määritä asiakirjan tai omistajan yhteystiedot.
<bdo> Määritä tekstin suunta.
<blockquote> Määritä muusta lähteestä lainattu osa.
<dfn> Määritä luettelo tai lyhenteen määritelmä.
<q> Määritä lyhyt sisäinen viittaus.
<cite> Määritä teoksen otsikko.