Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <ins>

Het <ins>-HTML-element stelt een tekstgedeelte voor dat aan een document is toegevoegd. Je kunt het <del>-element gebruiken om op vergelijkbare wijze een tekstgedeelte voor te stellen dat uit het document is verwijderd.

Code
<p>&ldquo;You're late!&rdquo;</p>
<del>
  <p>&ldquo;I apologize for the delay.&rdquo;</p>
</del>
<ins cite="../how-to-be-a-wizard.html" datetime="2018-05">
  <p>&ldquo;A wizard is never late &hellip;&rdquo;</p>
</ins>
Resultaat in de browser

Attributen

Dit element bevat de globale attributen.

citeDit attribuut definieert de URI van een bron die de wijziging toelicht, zoals een link naar notulen van een vergadering of een ticket in een probleemoplossingssysteem.
datetimeDit attribuut geeft de tijd en datum van de wijziging aan en moet een geldige datum zijn met een optionele tijdaanduiding. Als de waarde niet kan worden geïnterpreteerd als een datum met een optionele tijdaanduiding, heeft het element geen bijbehorende tijdstempel. Zie voor de indeling van de tekenreeks zonder tijd Format of a valid date string. De indeling van de tekenreeks als deze zowel datum als tijd bevat, wordt behandeld in Format of a valid local date and time string.

Toegankelijkheid

De aanwezigheid van het <ins>-element wordt in de standaardconfiguratie door de meeste schermlezertechnologie niet aangekondigd. Het kan worden aangekondigd door gebruik te maken van de CSS-eigenschap content, samen met de pseudo-elementen ::before en ::after.

CSS
ins::before,
ins::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

ins::before {
  content: " [insertion start] ";
}

ins::after {
  content: " [insertion end] ";
}

Sommige mensen die schermlezers gebruiken, schakelen doelbewust het aankondigen van inhoud uit die extra breedsprakigheid veroorzaakt. Daarom is het belangrijk om deze techniek niet te misbruiken en deze alleen toe te passen in situaties waarin het niet weten dat er inhoud is ingevoegd het begrip nadelig zou beïnvloeden.

Voorbeelden

HTML
<ins>This text has been inserted</ins>

Resultaat

Technische samenvatting

Content categories Phrasing content, flow content.
Permitted content Transparent.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parents Any element that accepts phrasing content.
Implicit ARIA role insertion
Permitted ARIA roles Any
DOM interface HTMLModElement

Zie ook

Verwante elementen