Przykład
Używając <details> elementu:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Spróbuj sam " Definicja i Wykorzystanie
W <details> tag zawiera dodatkowe informacje, które użytkownik może wyświetlić lub ukryć na żądanie.
W <details> Znacznik może być wykorzystywane do tworzenia interaktywnych widżet, który użytkownik może otwierać i zamykać. Każdy rodzaj treści można umieścić wewnątrz <details> tag.
Zawartość w <details> elementu nie powinny być widoczne, chyba że open atrybut jest ustawiony.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje elementu.
Element | |||||
---|---|---|---|---|---|
<details> | 12,0 | Nieobsługiwany | 48,0 | 6,0 | 15,0 |
Różnice między HTML 4.01 i HTML5
<details> tag nowego w HTML5.
Porady i wskazówki
Porada: <summary> znacznik jest używany do określenia widoczny nagłówek szczegółach.Nagłówek można kliknąć, aby wyświetlić / ukryć szczegóły.
Atrybuty
= Nowe w HTML5.
Atrybut | Wartość | Opis |
---|---|---|
open | open | Określa, że dane powinny być widoczne (otwarte) do użytkownika |
Atrybuty globalne
<details> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<details> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
HTML odniesienia DOM: Details obiektu
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <details> elementu z następującymi wartościami domyślnymi:
details {
display: block;
}