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