Hvad bruges summary elementet til?
Summary-elementet er et HTML-element, der bruges til at angive en kort opsummering af en given sektion eller et element. Det kan bruges til at give brugeren et hurtigt overblik over sektionens indhold, uden at de skal navigere igennem hele sektionen for at få et samlet billede. Det kan også bruges til at give en kort opsummering af et bestemt element, såsom et billede eller en tabel.
Summary-elementet er ofte placeret øverst i et sektionselement, så brugeren kan se det straks. Det kan også bruges til at give brugeren mulighed for at klikke på summary-elementet for at udfolde den fulde sektion. I dette tilfælde skal summary-elementet indeholde et summeret overblik over sektionens indhold. Summary-elementet skal også indeholde et attribut med navnet “aria-expanded”, som skal angive, om sektionen er udfoldet eller ej.
Summary-elementet er et af de vigtigste elementer i HTML, da det hjælper brugerne med at finde den information, de søger efter, uden at skulle navigere igennem hele sektionen. Det er især nyttigt, når der er mange elementer i en sektion, da det giver brugeren et hurtigt overblik over sektionens indhold.
Eksempler på summary
1. <details>
<summary>Kontaktoplysninger</summary>
<p>Telefon: 123-456-7890</p>
<p>E-mail: info@example.com</p>
</details>
Dette eksempel bruger elementet summary til at angive en titel for et udvidet indhold om kontaktoplysninger.
2. <details>
<summary>Læs mere</summary>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Suspendisse vel velit vel velit tincidunt finibus.</p>
</details>
Dette eksempel bruger elementet summary til at opfordre brugerne til at læse mere om et bestemt emne.
3. <details>
<summary>Hvordan man bruger</summary>
<p>Klik på knappen for at starte.</p>
<p>Følg instruktionerne på skærmen.</p>
</details>
Dette eksempel bruger elementet summary til at oplyse brugerne om, hvordan man bruger et bestemt værktøj.