హెచ్టిఎమ్ఎల్ <aside> టాగ్

  • ముంది పేజీ <article>
  • తరువాతి పేజీ <audio>

నిర్వచనం మరియు ఉపయోగం

<aside> మూలకం దాని పొందుపరిగిన విషయాలు కాక ఇతర విషయాలను నిర్వచిస్తుంది.

aside యొక్క విషయం చుట్టూ యొక్క విషయంతో ప్రత్యక్షంగా సంబంధించబడి ఉండాలి.

సూచన:<aside> సాధారణంగా, విషయం పొందుపరిగిన సైడ్‌బార్‌గా పెట్టబడుతుంది.

గమనిక:<aside> మూలకం బ్రౌజర్‌లో ప్రత్యేక స్టైల్‌లతో ప్రదర్శించబడదు. కానీ, మీరు CSS ద్వారా అమర్చవచ్చు: <aside> మూలకం యొక్క స్టైల్‌లు (క్రింది ఉదాహరణలను చూడండి).

మరింత చూడండి:

HTML DOM పరిశీలన పుస్తకం:Aside మూలకం

ప్రతిమానికి

ఉదాహరణ 1

దాని పొందుపరిగిన విషయాలు కాక ఇతర విషయాలను ప్రదర్శించండి:

</aside>
<aside>
<h4>శాంఘై హాయ్చాంగ్ సముద్ర పార్క్</h4>

上海海昌海洋公园是位于浦东新区的主题乐园，围绕海洋文化特色，总占地面积约为29.7公顷，同时也是国家 AAAA 级旅游景区，

</html>

ఉదాహరణ 2

CSS ద్వారా <aside> మూలకం యొక్క స్టైల్‌లను అమర్చండి:

<html>
<head>
<style>
aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}
</style>
</head>
<body>
<h1>aside మూలకం</h1>
</aside>
<aside>

上海海昌海洋公园是位于浦东新区的主题乐园，围绕海洋文化特色，总占地面积约为29.7公顷，同时也是国家 AAAA 级旅游景区，


</aside>
</aside>
<p>ఈ సంవత్సరం గొడుగు నెలలో నేను మరియు నా కుటుంబం షాంఘై హైచాంగ్ ఓషన్ పార్క్ను సందర్శించాము. వాతావరణం మంచిది, ఓషన్ పార్క్ చాలా మనోహరం! నేను మరియు నా కుటుంబం ఒక అద్భుతమైన గొడుగు నెల గడిపాము!</p>
</body>

</html>

మీరు స్వయంగా ప్రయత్నించండి

<aside> టాగ్ కూడా ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తుంది ప్రపంచవ్యాప్తంగా ఉన్న అట్రిబ్యూట్స్.

ప్రపంచవ్యాప్తంగా ఉన్న అట్రిబ్యూట్స్

<aside> టాగ్ కూడా ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్స్.

అప్రమేయ సిఎస్ఎస్ సెట్టింగ్స్

అత్యంత బ్రౌజర్లు క్రింది మూలధన విలువలను ఉపయోగిస్తాయి <aside> ఎలిమెంట్:

aside {
  display: block;
}

బ్రౌజర్ మద్దతు

పట్టికలో నమోదైన సంఖ్యలు ఈ ఎలిమెంట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను నిర్దేశిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
6.0 9.0 4.0 5.0 11.1
  • ముంది పేజీ <article>
  • తరువాతి పేజీ <audio>