<dialog>
Uma caixa modal com foco, camada e fundo próprios.
É o único espécime deste herbário que precisa de JavaScript para florescer. showModal() é o que coloca o diálogo na camada superior, prende o foco dentro dele, torna o resto da página inerte e liga o pseudoelemento ::backdrop. Um <form method="dialog"> fecha a caixa e devolve o valor do botão apertado.
Aberto pelo atributo open direto no HTML, ele existe e aparece — mas sem modalidade, sem fundo escurecido e sem armadilha de foco.
<dialog id="ficha">
<form method="dialog">
<p>Exsicata HTM-028 retirada da gaveta.</p>
<button value="ok">Devolver</button>
</form>
</dialog>