Tekst: Forkortelser, sitat og kode

Det grunnleggende med å definere tekst ved å bruke avsnitt og overskrifter har vi allerede vært igjennom. Og av samme grunn som vi bruker p, h1, og h2 etc for å representere dette, finnes det mange andre tag’er som representerer spesifikke teksttyper, slik som forkortelser (abbreviations), sitater (quotes) og datakode (code).

Forkortelser

abbr brukes for å betegne en forkortelse, altså en kortform av et ord eller en frase.

Den utvidete frasen som forkortelsen representerer kan bli definert som en verdi i title-attributtet. Det er valgfritt, men anbefalt.

<p>Denne nettsiden omhandler <abbr title="HyperText Markup Language">HTML</abbr> 
og <abbr title="Cascading Style Sheets">CSS</abbr>

Sitater

blockquote og q brukes for sitater. blockquote brukes vanligvis for frittstående sitater som går over flere linjer, mens q brukes for kortere sitat, eksempelvis i et avsnitt.

Dersom kilden til sitatet kan finnes på internett kan du bruke cite-attributtet for å peke til opprinnelsen.

<p>Jeg spurte Ole om sitateter på internett, og han sa <q>Jeg vet like mye om sitater som jeg vet om stemming av piano</q>. Heldigvis fant jeg progging, og der stod det:</p>

<blockquote cite="https://progging.no/leksjoner/html/mellomniva/tekst">
  <p>blockquote og q brukes for sitater. blockquote brukes vanligvis for frittstående sitater som går over flere linjer, mens q brukes for kortere sitat, eksempelvis i et avsnitt.</p>
</blockquote>

Det finnes også en cite-tag som beskriver hvor et sitat kommer fra

<p>I følge <cite>The Colour of Magic</cite> blir skiveverden flyttet rundt i universet <q>på en gigantisk skilpadde ved navn A'Tuin</q>

Code

Code brukes til å representere hva som helst som er datakode. Du kan bruke var-tag’en til å representere variabler, samp-tag’en til eksempel output av koden (kort for sample), og kbd-tagen til å vise bruker-input:

<p>Dersom du legger til <code><var>laughter</var> = true;</code> 
til <code>blow_up_planet</code>-metoden, og deretter skriver <kbd>evil</kbd> 
inn i konsollet, vil et lydpor med ond latter spilles av idet planeten sprenges, 
mens konsollet fylles med teksten <samp>All work and no play makes Vader a dull boy</samp>.</p>

Preformatert tekst

Pre er preformatert tekst, som er uvanlig fra andre HTML-tags i at den tolker alle tegn inni seg, inkludert mellomrom og linjeskift. Det brukes gjerne til å vise frem flere linjer med kode, der hvor mellomrom – slik som innrykk, kan være relevant.

<pre>
  <code>
    &lt;div id="intro"&gt;
      &lt;h1&gt;En overskrift&lt;/h1&gt;
      &lt;p&gt;Et avsnitt som følger etterpå&lt;/p&gt;
    &lt;/div&gt;
  </code>
</pre>