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>
<div id="intro">
<h1>En overskrift</h1>
<p>Et avsnitt som følger etterpå</p>
</div>
</code>
</pre>