Kifungu cha <details> cha HTML

Makadaro na Matumizi

<details> Tago hili linahusisha maeneo ya data ambayo mtu anaweza kufungua na kufichia kwa kufanyia kuzoa.

<details> Tago hili linatumiwa kwa kumengeneza vidogoto ambavyo mtu anaweza kufungua na kufichia. Kwa msingi, vidogoto ni viwili. Kwa kufungua, vitafutaji vya kina vya juu vya viwango hivi vya kina vitakuwa vifungue na kuonyesha matukio yao.

Kupata kwa kina yote ya aina yoyote ya matukio inaweza kufikia kwenye: <details> tago hii.

Tahadhari:<summary> Tago la na <details> Kuwahusiana, inaweza kuwasiliana na kichwa cha kina cha taarifa. Kwa kushika kichwa cha kina, itakutazungumza: <details> Makadaro yaliyotumiwa.

Tafadhali angalia pia:

Mwongozo wa HTML DOM:Kituo cha Taarifa

Mfano

Mfano 1

Inaangalia maeneo ya data ambayo mtu anaweza kufungua na kufichia kwa kufanyia kuzoa:

<details>
  <summary>Kituo cha Kati ya Dunia (Epcot Center)</summary>
  <p>Epcot ni eneo la kizazi kwa Disney World, na ina maji mpya, vitabu vya nchi ya nje, matukio ya kushabikia sana na matukio ya wakati wa msimu.</p>
</details>

Mwongozo wa kusoma

Mfano 2

Tumia CSS ku usajili <details> na <summary>:

<html>
<style>
details > summary {
  padding: 4px;
  width: 200px;
  background-color: #eeeeee;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;
}
details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
<body>
<details>
  <summary>Kituo cha Kati ya Dunia (Epcot Center)</summary>
  <p>Epcot ni eneo la kizazi kwa Disney World, na ina maji mpya, vitabu vya nchi ya nje, matukio ya kushabikia sana na matukio ya wakati wa msimu.</p>
</details>
</body>
</html>

Mwongozo wa kusoma

Mafanikio ya kusoma

Mafanikio ya kusoma Wona Kuhusu
open open Inakadiriwa kuwa habari inayotumiwa ni inayopatikana kwa mtumiaji (inafichwa).

Mafanikio ya kawaida

<details> Tabeli hizi inafanana na mafanikio ya kusoma Mafanikio ya kusoma ya kawaida katika HTML.

Mafanikio ya kusoma

<details> Tabeli hizi inafanana na mafanikio ya kusoma Mafanikio ya kusoma katika HTML.

Makosa ya CSS ya kawaida

Makina ya kusoma inayotumia kwa kawaida inaonyesha kwa kawaida kwa maadili ya hizi <details> Kitu:

details {
  display: block;
}

Mafanikio ya kusoma

Inanifaa kumtaarifu na inaonyesha na kina na kina ya kwanza ya kufungua tovuti hii.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 79.0 49.0 6.0 15.0