HTML <aside> အချက်အလက်

  • အရှေ့ပိုင်း စာရင်း <article>
  • နောက်ပိုင်း စာရင်း <audio>

အသုံးချက် နှင့် အပြုအရင်

<aside> အစိတ်အပိုင်း သည် သူ၏ အရေးပါသော အကြောင်းအရာများကို ဖော်ပြသည်。

aside အရာ၏ အကြောင်းအရာ သည် အခြား အကြောင်းအရာများ နှင့် မတူညီသော ဖော်ပြချက် အဖြစ် ဖြစ်သည်။

အကြံပေး:<aside> အကြောင်းအရာ သုံးစွဲသည် အခြား အရာများနှင့် အကြား မတူညီသော ဖော်ပြချက် အဖြစ် တရားဝင်အောင် ရိုက်နိုင်သည်。

မှတ်ချက်:<aside> အဆိုပါ အစိတ်အပိုင်း ဘရောက်တာတွင် အထူး ဖော်ပြချက် မပြုတော့ပေ။ သို့သော်လည်း，သင်မူ CSS ကိုသုံး၍ ဖော်ပြချက်များ ကူညီပြီးဖြစ်သည်: <aside> အစိတ်အပိုင်း၏ ဖော်ပြချက် (အောက်ပါ အစိတ်အပိုင်းများကို ကြည့်ပါ)。

တုံ့ပြန်ပြီး:

HTML DOM ဆိုင်ရာ စာအုပ်:Aside အရာ

အကျိုးသမား

အမှတ် 1

သူ၏ အရေးပါသော အသုံးပြုသည့် အခြား အကြောင်းအရာများကို ပြသည်:

今年夏天我和我的家人参观了上海海昌海洋公园。天气很好，海洋公园非常梦幻！我和我的家人度过了一个美好的夏天！

<aside>
<h4>ရန်ကုန် ပျူးဘုံ သမိုင်းပြတိုက်</h4>

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

ကိုယ်တိုင် စမ်းသပ်လိုက်ကြည်း

အမှတ် 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>

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



今年夏天我和我的家人参观了上海海昌海洋公园。天气很好，海洋公园非常梦幻！我和我的家人度过了一个美好的夏天！


今年夏天我和我的家人参观了上海海昌海洋公园。天气很好，海洋公园非常梦幻！我和我的家人度过了一个美好的夏天！

</body>
</html>

ကိုယ်တိုင် စမ်းသပ်လိုက်ကြည်း

အကြီးအကျယ် ဗဟုသုတ်

<aside> အချက်အလက် သည် HTML အကြီးအကျယ် ဗဟုသုတ်.

အခြုံအစု ဗဟုသုတ်

<aside> အချက်အလက် သည် HTML အခြုံအစု ဗဟုသုတ်.

အခြေခံ အစီအစဉ်

အချို့ ဘရပ်လာ သည် အောက်ပါ အခြေခံ ပြောင်းလဲခြင်း အသုံးပြုသည် <aside> အရာ

aside {
  display: block;
}

ဘရပ်လာ အထောက်အထား

အခြေခံ အချက်အလက် အမှတ် သည် အခြေခံ အား ပထမဆုံး အထောက်အထား ပြုလုပ် ပြီး သုံးစွဲသော ဘရပ်လာ အမှတ် ဖြစ်သည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • အရှေ့ပိုင်း စာရင်း <article>
  • နောက်ပိုင်း စာရင်း <audio>