HTML 标签
నిర్వచనం మరియు ఉపయోగం
<details> టాగ్ వినియోగదారులు అవసరం ప్రకారం తెరిచి మరియు మూసివేయగలిగే ఇతర వివరాలను నిర్వచిస్తుంది.
<details> టాగ్ సాధారణంగా వినియోగదారులు తెరిచి మరియు మూసివేయగలిగే ఇంటరాక్టివ్ విడ్జ్ ను సృష్టించడానికి ఉపయోగించబడుతుంది. డిఫాల్ట్ లో, విడ్జ్ మూసివుంటుంది. తెరిచినప్పుడు, దాని లోని విషయాన్ని చూపిస్తుంది.
ఏ రకమైన విషయాన్ని కూడా చేర్చవచ్చు టాగ్ లో. <details> టాగ్ లో.
అనురూపం:<summary> టాగ్ మరియు <details> కలిసి వివరాలకు కనిపించే శీర్షికను నిర్వచించడానికి ఉపయోగించవచ్చు. వినియోగదారులు శీర్షికను నొక్కినప్పుడు, దాని పైన కనిపించే విషయం చూపబడుతుంది: <details> నిర్వచించిన విషయం.
మరియు కూడా చూడండి:
HTML DOM పరిశీలన మానలు:వివరాల వస్తువు
ఉదాహరణ
ఉదాహరణ 1
వినియోగదారులు అవసరం ప్రకారం వివరాలను తెరిచి మరియు మూసివేయగలిగే వివరాలను నిర్వచించండి:
<details> <summary>భవిష్యత్తు ప్రపంచ కేంద్రం (Epcot Center)</summary>Epcot 是华特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性活动。
ఉదాహరణ 2
సిఎస్ఎస్ ద్వారా <details> మరియు <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>భవిష్యత్తు ప్రపంచ కేంద్రం (Epcot Center)</summary>
Epcot 是华特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性活动。