HTML <pre> Tag
ဥပမာ
ကြိုတင်ဖော်မတ်ထားသော စာသား-
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both
spaces and
line breaks
</pre>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
tag သည် ကြိုတင်ဖော် မတ် <pre>ထားသည့် စာသားကို သတ်မှတ်သည်။
ဒြပ်စင်တစ်ခု ရှိ စာသားကို <pre>ပုံသေအကျယ်ဖောင့်ဖြင့် ပြသထားပြီး စာသားသည် နေရာလွတ်များနှင့် မျဉ်းခွဲနှစ်ခုလုံးကို ထိန်းသိမ်းထားသည်။ စာသားသည် HTML အရင်းအမြစ်ကုဒ်တွင် ရေးထားသည့်အတိုင်း အတိအကျပြသမည်ဖြစ်သည်။
ကိုလည်းကြည့်ပါ-
| Tag | Description |
|---|---|
| <code> | Defines a piece of computer code |
| <samp> | Defines sample output from a computer program |
| <kbd> | Defines keyboard input |
| <var> | Defines a variable |
Browser ပံ့ပိုးမှု
| Element | |||||
|---|---|---|---|---|---|
| <pre> | Yes | Yes | Yes | Yes | Yes |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<pre>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<pre>tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
ပုံသေ width (CSS ဖြင့် ကြိုတင်ဖော်မတ်ထားသည့် စာသားကို ဖန်တီးနည်း)
<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed
width. It will use as much space as specified.</pre>
</div>
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML စာသားဖော်မတ် ခြင်း။
HTML DOM ရည်ညွှန်း- Pre Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <pre>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}