HTML နှင့် XHTML
XHTML သည် HTML ၏ ပိုမိုတင်းကျပ်ပြီး ပိုမိုသော XML အခြေခံဗားရှင်းဖြစ်သည်။
XHTML ဆိုတာဘာလဲ။
- XHTML သည် E X tensible H yper T ext M arkup L anguage ကို ကိုယ်စားပြုသည်။
- XHTML သည် HTML ၏ ပိုမိုတင်းကျပ်ပြီး ပိုမိုသော XML အခြေခံဗားရှင်းဖြစ်သည်။
- XHTML သည် HTML ကို XML အပလီကေးရှင်းတစ်ခုအဖြစ် သတ်မှတ်သည်။
- XHTML ကို အဓိက ဘရောက်ဆာအားလုံးက ထောက်ခံပါတယ်။
ဘာကြောင့် XHTML
XML သည် စာရွက်စာတမ်းများအားလုံးကို မှန်ကန်စွာ မှတ်သားထားရမည်ဖြစ်ပြီး ("ကောင်းမွန်စွာဖွဲ့စည်းထားသည်")။
XHTML သည် HTML ကိုပိုမိုကျယ်ပြန့်ပြီး လိုက်လျောညီထွေဖြစ်စေရန်အတွက် အခြားသောဒေတာဖော်မတ်များ (XML ကဲ့သို့သော) နှင့်အလုပ်လုပ်ရန် တီထွင်ထုတ်လုပ်ထားပါသည်။ ထို့အပြင်၊ ဘရောက်ဆာများသည် HTML စာမျက်နှာများတွင် အမှားအယွင်းများကို လျစ်လျူရှုပြီး ၎င်းတွင် markup တွင် အမှားအယွင်းအချို့ရှိလျှင်ပင် ဝဘ်ဆိုက်ကို ပြသရန် ကြိုးစားကြသည်။ ထို့ကြောင့် XHTML သည် ပိုမိုတင်းကျပ်သော အမှားအယွင်းများကို ကိုင်တွယ်ခြင်းနှင့်အတူ လာပါသည်။
XML ကိုလေ့လာလိုပါက ကျွန်ုပ်တို့၏ XML Tutorial ကိုဖတ်ပါ ။
HTML မှ အရေးအကြီးဆုံး ကွာခြားချက်များ
- <!DOCTYPE> သည် မဖြစ်မနေ လိုအပ်ပါသည် ။
- <html> ရှိ xmlns ရည်ညွှန်းချက်သည် မဖြစ်မနေ လိုအပ်ပါသည် ။
- <html>၊ <head>၊ <title> နှင့် <body> တို့သည် မဖြစ်မနေ လိုအပ်ပါသည်။
- ဒြပ်စင်များ အမြဲတမ်း မှန်ကန်စွာ အစုအဝေး ရှိနေရမည်။
- ဒြပ်စင်များကို အမြဲ ပိတ်ထား ရမည်။
- ဒြပ်စင်များသည် အမြဲတမ်း စာလုံးသေး ဖြင့် ဖြစ်ရမည်။
- ရည်ညွှန်းချက်အမည်များသည် စာလုံးအသေး ဖြင့် အမြဲရှိရပါမည်။
- ရည်ညွှန်းချက် တန်ဖိုးများကို အမြဲ ကိုးကား ရပါမည်။
- ရည်ညွှန်းချက် လျှော့ချခြင်းကို တားမြစ်ထား သည်။
XHTML - <!DOCTYPE ....> သည် မဖြစ်မနေ လိုအပ်ပါသည်။
XHTML စာရွက်စာတမ်းတစ်ခုတွင် XHTML <!DOCTYPE> ကြေငြာချက်တစ်ခုရှိရပါမည်။
<html>၊ <head>၊ <title> နှင့် <body> ဒြပ်စင်များသည်လည်း ရှိနေရမည်ဖြစ်ပြီး <html> ရှိ xmlns ရည်ညွှန်းချက်သည် စာရွက်စာတမ်းအတွက် xml namespace ကို သတ်မှတ်ရပါမည်။
ဥပမာ
ဤသည်မှာ လိုအပ်သည့် တဂ်များ အနည်းဆုံးပါရှိသော XHTML စာရွက်စာတမ်းတစ်ခုဖြစ်သည်။
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
XHTML Elements များကို မှန်ကန်စွာ Nested ဖြစ်ရပါမည်။
XHTML တွင်၊ ဤကဲ့သို့သောဒြပ်စင်များသည် တစ်ခုနှင့်တစ်ခုအတွင်း အမြဲမှန်ကန်စွာ အစုအဝေးဖြစ်နေရပါမည်-
မှန်ကန်သည်-
<b><i>Some
text</i></b>
မှားသည်
<b><i>Some
text</b></i>
XHTML Elements များကို အမြဲတမ်း ပိတ်ရပါမည်။
XHTML တွင်၊ ဤကဲ့သို့သောဒြပ်စင်များကိုအမြဲပိတ်ထားရပါမည်-
မှန်ကန်သည်-
<p>This is a paragraph</p>
<p>This is another paragraph</p>
မှားသည်
<p>This is a paragraph
<p>This is another paragraph
XHTML Empty Elements များကို အမြဲတမ်း ပိတ်ရပါမည်။
XHTML တွင်၊ ဤကဲ့သို့သော အချည်းနှီးသောဒြပ်စင်များကို အမြဲတမ်းပိတ်ထားရပါမည်-
မှန်ကန်သည်-
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
မှားသည်
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
XHTML Elements များသည် စာလုံးသေးဖြင့် ဖြစ်ရပါမည်။
XHTML တွင်၊ ဒြပ်စင်အမည်များသည် ဤကဲ့သို့သော စာလုံးအသေးဖြင့် အမြဲရှိနေရပါမည်-
မှန်ကန်သည်-
<body>
<p>This is a paragraph</p>
</body>
မှားသည်
<BODY>
<P>This is a paragraph</P>
</BODY>
XHTML ရည်ညွှန်းချက်အမည်များသည် စာလုံးသေးဖြင့် ဖြစ်ရပါမည်။
XHTML တွင်၊ ရည်ညွှန်းချက်အမည်များသည် ဤကဲ့သို့သော စာလုံးအသေးဖြင့် အမြဲရှိနေရပါမည်-
မှန်ကန်သည်-
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
မှားသည်
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
XHTML Attribute တန်ဖိုးများကို ကိုးကားရပါမည်။
XHTML တွင်၊ ဤကဲ့သို့သော attribute တန်ဖိုးများကို အမြဲတမ်းကိုးကားရပါမည်-
မှန်ကန်သည်-
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
မှားသည်
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
XHTML Attribute Minimization ကို တားမြစ်ထားသည်။
XHTML တွင်၊ attribute minimization ကို တားမြစ်ထားသည်-
မှန်ကန်သည်-
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
မှားသည်
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />