HTML <aside> Tag
ဥပမာ
ထည့်သွင်းထားသည့် အကြောင်းအရာမှလွဲ၍ အချို့သောအကြောင်းအရာကို ပြသပါ-
<p>My family and I visited The Epcot center this summer. The weather was
nice, and Epcot was amazing! I had a great summer together with my
family!</p>
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme
park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
tag သည် ၎င်း <aside>
တွင်ထည့်သွင်းထားသည့် အကြောင်းအရာမှလွဲ၍ အကြောင်းအရာအချို့ကို သတ်မှတ်ပေးသည်။
ဘေးထွက်အကြောင်းအရာသည် ပတ်ဝန်းကျင်အကြောင်းအရာနှင့် သွယ်ဝိုက်ဆက်စပ်နေသင့်သည်။
အကြံပြုချက်- အကြောင်းအရာကို <aside>
စာရွက်စာတမ်းတစ်ခုတွင် ဘေးဘားတစ်ခုအဖြစ် ထားရှိလေ့ရှိသည်။
မှတ်ချက်-<aside>
ဒြပ်စင်သည် ဘရောက်ဆာတစ်ခုတွင် အထူးအရာတစ်ခုအဖြစ် မဖော်ပြပါ ။ သို့သော်၊ သင်သည် CSS ကို အသုံးပြု၍ <aside>
အစိတ်အပိုင်းကို ပုံစံထုတ်နိုင်သည် (အောက်ပါ ဥပမာကို ကြည့်ပါ)။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Element | |||||
---|---|---|---|---|---|
<aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<aside>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<aside>
tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
<aside> ဒြပ်စင်ကို ပုံစံထုတ်ရန် CSS ကိုသုံးပါ-
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>The aside element</h1>
<p>My family and I visited The Epcot
center this summer. The weather was nice, and Epcot was amazing! I had a great
summer together with my family!</p>
<aside>
<p>The Epcot center is a
theme park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
</body>
</html>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- Aside Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <aside>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
aside {
display: block;
}