Najnowsze tutoriale tworzenie stron internetowych
 

HTML <details> Tag


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;
}