HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <article> Tag


ဥပမာ

အမှီအခိုကင်းပြီး ကိုယ်တိုင်ပါရှိသော အကြောင်းအရာပါ ဆောင်းပါးသုံးပုဒ်

<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
</article>

<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
</article>

<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
</article>

အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

တဂ် သည် <article>လွတ်လပ်သော၊ ကိုယ်တိုင်ပါရှိသော အကြောင်းအရာကို သတ်မှတ်သည်။

ဆောင်းပါးတစ်ပုဒ်သည် သူ့ဘာသာသူ အဓိပ္ပါယ်ရှိသင့်ပြီး ၎င်းကို အခြားဝဘ်ဆိုက်များမှ လွတ်လပ်စွာ ဖြန့်ဝေရန် ဖြစ်နိုင်သည်။

ဒြပ်စင် အတွက် ဖြစ်နိုင်ချေအရင်းအမြစ်များ <article>-

  • ဖိုရမ်မှာ တင်ထားတာ
  • ဘလော့ပို့စ်
  • သတင်းဇာတ်လမ်း

မှတ်ချက်-<article> ဒြပ်စင်သည် ဘရောက်ဆာတစ်ခုတွင် အထူးအရာတစ်ခုအဖြစ် မဖော်ပြပါ သို့သော်၊ သင်သည် CSS ကို အသုံးပြု၍ <article> အစိတ်အပိုင်းကို ပုံစံထုတ်နိုင်သည် (အောက်ပါ ဥပမာကို ကြည့်ပါ)။


Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Element
<article> 6.0 9.0 4.0 5.0 11.1

ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ

<article>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။


ဖြစ်ရပ်ဂုဏ်တော်များ

<article>tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည်



နောက်ထပ် ဥပမာများ

ဥပမာ

<article> element ကို ပုံစံထုတ်ရန် CSS ကိုသုံးပါ-

<html>
<head>
<style>
.all-browsers {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}

.all-browsers > h1, .browser {
  margin: 10px;
  padding: 5px;
}

.browser {
  background: white;
}

.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>

<article class="all-browsers">
  <h1>Most Popular Browsers</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
  </article>
</article>

</body>
</html>

ဆက်စပ်စာမျက်နှာများ

HTML DOM ရည်ညွှန်းချက်- အပိုဒ်အရာဝတ္ထု


မူရင်း CSS ဆက်တင်များ

ဘရောက်ဆာအများစုသည် <article>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-

article {
  display: block;
}