Tekst

Tekst met betekenis

Belangrijke tekst

Als een stuk tekst of een woord belangrijker is dan de tekst eromheen kun je deze als zodanig markeren met de B-knop in de editor. De tekst wordt dan vet weergegeven.

Andere semantische betekenis

Als een stuk tekst of een woord een andere semantische betekenis heeft dan de omliggende tekst kun je deze markeren met de I-knop in de editor. De tekst krijgt in de html het i-element en wordt cursief weergegeven. Het gaat bijvoorbeeld om:

• Idiomen uit een buitenlandse tekst. Dit zijn teksten die niet letterlijk vertaald kunnen worden, zoals 'it rains cats and dogs' en 'et cetera'). Ze hebben daarnaast ook een taalwissel nodig.
• Technische termen: De kritische depositiewaarde is de hoeveelheid neerslag die ....
• Taxonomische namen: De wetenschappelijke naam voor een wolf is Canis Lupus.
• Namen van bijvoorbeeld schepen die anders verwarrend kunnen zijn: De reddingsploeg zocht naar de Keizerin van de Zee.
• Gedachten: Ze vroeg zich af, waar heeft deze schrijver het eigenlijk over?.

Verwijzing naar bron

Als een stuk tekst of een woord een verwijzing naar of (verkorte) titel is van een creatief werk of bron, kun je deze in de editor met de stijlendropdown markeren als Creatief werk. De tekst krijgt in de html dan het cite-element en wordt cursief weergegeven. Voorbeeld: Meer informatie kunt u vinden in ISO 8601 - datum- en tijdweergave. Voorbeelden van creatieve werken:

• Boeken;
• Films en video's;
• Weblogs;
• Rapporten;
• Websites of -pagina's;
• Onderzoeken;
• Enzovoort.

Uitspreken met nadruk

Als een woord met nadruk moet worden uitgesproken door voorleessoftware kun je deze in de editor met de stijlendropdown markeren met Nadruk. Het woord krijgt in de html het em-element en wordt dan cursief weergegeven. Je verandert hiermee de betekenis van een zin. Vergelijk: 'De kat houdt van brokjes' (de hond dus niet) en 'De kat houdt van brokjes' (dus niet van vlees).

Aan bovenstaande is te zien dat 3 instellingen op de webpagina hetzelfde cursieve uiterlijk van tekst opleveren. Toch is het belangrijk teksten met de juiste instelling te markeren, want het gaat om andere html-elementen, waar voorleessoftware, zoekmachines en LLM's (AI) bijvoorbeeld wel een andere betekenis aan toekennen. Ook kan dit bij verkeerd gebruik een toegankelijkheidsafwijking opleveren.

Lijsten

Geordende lijst

2. Éen
3. Twee
   • Eerste ongenummerde lijstitem binnen geordende lijst
   • Tweede ongenummerde lijstitem binnen geordende lijst
4. Drie

Ongeordende lijst

• Eerste ongenummerde item
• Tweede ongenummerde item
  1. Eerste alfabetische item
  2. Tweede alfabetische item

Links

In tekst kun je interne en externe links opnemen. Deze laaste kan ook een link zijn naar een telefoonnummer, zoals (085) 008 19 00, of naar een e-mailadres, zoals support@beheerrijksoverheid.nl.

Talen

Indien je een stuk tekst toevoegt in een andere taal dan de taal van de pagina of site dan zul je deze als dusdanig moeten markeren, zodat hulpsoftware weet welke taal het betreft en deze bijvoorbeeld correct kan voorlezen. Dit is mogelijk voor de volgende talen:

• Engels / English
• Duits / Deutsch
• Frans / Français
• Fries / Frieze
• Hongaars / Magyar
• Italiaans / Italiano
• Papiamento 
• Papiamentu
• Oekraïens / Yкраїнська
• Pools / Polski
• Spaans / Español
• Turks / Türkçe

Voorbeeld: It rains cats and dogs geeft in de Engelse taal aan dat het hard regent.

Tabel

Citaten

Er zijn twee mogelijkheden om citaten op te nemen. Binnen de tekst zelf als inline stijl: Doen wat je leuk vindt is vrijheid, leuk vinden wat je doet is geluk. . Of als citaatblok:

Iedereen wil dat je eerlijk bent, maar heeft er problemen mee als je de waarheid zegt.

Code

Met de inline stijl 'code' kun je computercode herkenbaar in tekst plaatsen. Voorbeeld: De javascriptcode om de tekst 'Hello world ' te plaatsen is console.log('Hello, World!');.

Bij meerdere regels code die hun uiterlijk moeten behouden, ten behoeve van bijvoorbeeld inspinging, is het handig deze stijl te combineren met de blokstijl 'Voorgedefinieerd':

<table>
    <caption>Sites op PRO</caption>
    <thead>
        <tr>
            <th scope="row"></th>
            <th scope="col">Aantal sites live gegaan op Platform Rijksoverheid Online</th>
            <th scope="col">Totaal aantal sites dat live staat op Platform Rijksoverheid Online</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">2014</th>
            <td>35</td>
            <td>35</td>
        </tr>
        <tr>
            <th scope="row">2015</th>
            <td>92</td>
            <td>125</td>
        </tr>
    </tbody>
</table>

Koppen

De paginatitel is altijd een H1-kop. De titel van het contentblok tekst is een H2-kop. In het tekstblok zelf kun je verder ook nog de koppen H2, H3 en H4 aanmaken. Zorg dat de kophiërarchie altijd klopt en dat er dus geen koppen zonder inhoud (zonder content of lagere koppen) en overgeslagen koppen (bijvoorbeeld H4 na H2) zijn.

Voorbeeld kop 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed sagittis metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae

Voorbeeld kop 4

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.