HTML document ေတြမွာ ေခါင္းစဥ္ heading ေတြက အေရးပါပါတယ္။
ေခါင္းစဥ္ heading ေတြကုိ <h1> ကေန <h6> အထိ Tag ေတြနဲ႔ သတ္မွတ္ပါတယ္။ အေရးပါဆုံး ေခါင္းစဥ္ေတြကုိ <h1> အဆင့္ မွာထားျပီး <h6>ကေတာ သူန႔ဲ ဆန္႔က်င္ဖက္ အေရးပါမႈအနည္းဆုံး ေခါင္းစဥ္အတြက္ျဖစ္ ပါတယ္။
ဥပမာ
<h1>ေခါင္းစဥ္တစ္ခုျဖစ္ပါတယ္။</h1>
<h2> ေခါင္းစဥ္တစ္ခုျဖစ္ပါတယ္။</h2>
<h3> ေခါင္းစဥ္တစ္ခုျဖစ္ပါတယ္။</h3>
<h2> ေခါင္းစဥ္တစ္ခုျဖစ္ပါတယ္။</h2>
<h3> ေခါင္းစဥ္တစ္ခုျဖစ္ပါတယ္။</h3>
မွတ္ခ်က္ — Browser (ဘေရာက္ဆာ) ေတြက space (margin အနည္းငယ္) ကုိ ေခါင္းစဥ္တစ္ခုစီၾကားမွာ အလုိေလ်ာက္ျခားေပးပါတယ္။ေခါင္းစဥ္ Heading ေတြကအေရးၾကီးပါတယ္။
HTML ေခါင္းစဥ္ heading ေတြကုိ ေခါင္းစဥ္သီးသန္႔အတြက္ပဲသုံးသင့္ပါတယ္။ စာပုိဒ္ထဲက စာသားေတြကုိ ၾကီးေစျခင္း BIG သုိ႔ မဟုတ္ စာသားအထူ bold ေတြအတြက္ ေခါင္းစဥ္ heading အမ်ိဳးအစား ကုိမသုံးသင့္ပါဘူး။
Search Engine ေတြက သင္ေရးထားတဲ့ ဝဘ္စာမ်က္ႏွာ ရဲ့ ပါဝင္တဲ့အေၾကာင္းအရာနဲ႔ အသြင္သ႑ာန္ကုိ ရွာဖုိ႔အတြက္ ေခါင္းစဥ္ေတြကုိ သုံးပါတယ္။
ကိစၥရပ္တစ္ခုကုိ ရွာေဖြသူ အသုံးျပဳေတြ ကဝဘ္ဆုိဒ္ တစ္ခုကုိအၾကမ္းဖ်င္းသိခ်င္ရင္ ေခါင္းစဥ္ေတြကုိပဲ ၾကည့္တတ္ပါတယ္။ ဒါေၾကာင့္ ေခါင္းစဥ္ဟာ သင့္ေရးထားတဲ့ ဝဘ္စာမ်က္ႏွာ ရဲ့ကုိယ္စားျပဳျဖစ္သင့္ပါတယ္။ H1ေခါင္းစဥ္က အဓိကေခါင္းစဥ္ main heading ျဖစ္သင့္ျပီး သူ႔ေနာက္ကမွ H2 ေခါင္းစဥ္၊ သူ႔ေနာက္ကမွ H3 ေခါင္းစဥ္ စသျဖင့္ သုံသင့္ပါတယ္။
Search Engine ေတြက သင္ေရးထားတဲ့ ဝဘ္စာမ်က္ႏွာ ရဲ့ ပါဝင္တဲ့အေၾကာင္းအရာနဲ႔ အသြင္သ႑ာန္ကုိ ရွာဖုိ႔အတြက္ ေခါင္းစဥ္ေတြကုိ သုံးပါတယ္။
ကိစၥရပ္တစ္ခုကုိ ရွာေဖြသူ အသုံးျပဳေတြ ကဝဘ္ဆုိဒ္ တစ္ခုကုိအၾကမ္းဖ်င္းသိခ်င္ရင္ ေခါင္းစဥ္ေတြကုိပဲ ၾကည့္တတ္ပါတယ္။ ဒါေၾကာင့္ ေခါင္းစဥ္ဟာ သင့္ေရးထားတဲ့ ဝဘ္စာမ်က္ႏွာ ရဲ့ကုိယ္စားျပဳျဖစ္သင့္ပါတယ္။ H1ေခါင္းစဥ္က အဓိကေခါင္းစဥ္ main heading ျဖစ္သင့္ျပီး သူ႔ေနာက္ကမွ H2 ေခါင္းစဥ္၊ သူ႔ေနာက္ကမွ H3 ေခါင္းစဥ္ စသျဖင့္ သုံသင့္ပါတယ္။
HTML မ်ဥ္းမ်ား
<hr /> tag ေတြက HTML စာမ်က္ႏွာအတြက္ ေရျပင္ညီမ်ဥ္းေတြ ဖန္တီးေပးပါတယ္။
ဝဘ္စာမ်က္ႏွာ မွာပါဝင္တဲ့ content ေတြကုိ ျခားဖုိ႔အတြက္လည္း မ်ဥ္းေတြကုိ သုံးႏုိင္ပါတယ္။
ဝဘ္စာမ်က္ႏွာ မွာပါဝင္တဲ့ content ေတြကုိ ျခားဖုိ႔အတြက္လည္း မ်ဥ္းေတြကုိ သုံးႏုိင္ပါတယ္။
ဥပမာ
<p>ဒါကစာပုိဒ္တစ္ခုျဖစ္ပါတယ္။</p>
<hr />
<p> ဒါကစာပုိဒ္တစ္ခုျဖစ္ပါတယ္။ </p>
<hr />
<p> ဒါကစာပုိဒ္တစ္ခုျဖစ္ပါတယ္။ </p>
<hr />
<p> ဒါကစာပုိဒ္တစ္ခုျဖစ္ပါတယ္။ </p>
<hr />
<p> ဒါကစာပုိဒ္တစ္ခုျဖစ္ပါတယ္။ </p>
HTML မွတ္ခ်က္မ်ား
ကုိယ္ေရးထားတဲ့ HTML code ေတြကုိ ဖတ္လုိ႔မွတ္လုိ႔လြယ္ေအာင္ Code ေတြၾကားမွာပဲ မွတ္ခ်က္ေတြထားႏိုင္ပါတယ္။ မွတ္ခ်က္ေတြကုိ browser (ဘေရာက္ဆာ) ေတြက ထည့္မတြက္လုိ႔ Browser (ဘေရာက္ဆာ) နဲ႔ၾကည့္ရင္ျမင္ရမွာ မဟုတ္ ပါ။
မွတ္ခ်က္ေတြကုိ ဒီလိုေရးၾကပါတယ္ —
မွတ္ခ်က္ေတြကုိ ဒီလိုေရးၾကပါတယ္ —
ဥပမာ
<!-- ဒါက မွတ္ခ်က္တစ္ခုျဖစ္ပါတယ္။-->
မွတ္ခ်က္ — opening bracket ရဲ့အေနာက္မွာ exclamation mark အာေမဋိတ္အမွတ္အသား တစ္ခုရွိပါတယ္။ သတိထားရမွာက closing bracket ေရွ႕မွာထားရမွာ မဟုတ္ ပါဘူး။ HTML မွတ္ခ်က္ — HTML Source ကုိဘယ္လုိဖတ္မလဲ။
ဝဘ္စာမ်က္ႏွာ တစ္ခုကုိၾကည့္ျပီး "ဟာ ဒါဘယ္လုိလုပ္ထားပါလိမ့္?" ဆုိျပီးအံ့အားသင့္ဖူးလား။
ဘယ္လုိေရးထားတာလဲ သိႏုိင္ဖုိ႔အတြက္ စာမ်က္ႏွာကုိ right-click ႏွိပ္ျပီး (IE) မွာဆုိရင္ "View Source" ကုိႏွိပ္ ဒါမွမဟုတ္ (Firefox) မွာဆုိရင္ "View Page Source" ကုိႏွိပ္ျပီးၾကည့္ႏုိင္ပါတယ္။ တစ္ျခား Browser (ဘေရာက္ဆာ) ေတြမွာလဲ အလားတူပါပဲ။ အဲဒီလုိႏွိပ္ရွာလုိက္ရင္ ဝင္းဒုိး တစ္ခုတတ္လာျပီး ေရးထားတဲ့ HTML code ေတြကုိ ျပေပးမွာျဖစ္ပါတယ္။
ဘယ္လုိေရးထားတာလဲ သိႏုိင္ဖုိ႔အတြက္ စာမ်က္ႏွာကုိ right-click ႏွိပ္ျပီး (IE) မွာဆုိရင္ "View Source" ကုိႏွိပ္ ဒါမွမဟုတ္ (Firefox) မွာဆုိရင္ "View Page Source" ကုိႏွိပ္ျပီးၾကည့္ႏုိင္ပါတယ္။ တစ္ျခား Browser (ဘေရာက္ဆာ) ေတြမွာလဲ အလားတူပါပဲ။ အဲဒီလုိႏွိပ္ရွာလုိက္ရင္ ဝင္းဒုိး တစ္ခုတတ္လာျပီး ေရးထားတဲ့ HTML code ေတြကုိ ျပေပးမွာျဖစ္ပါတယ္။
ယခုစာမ်က္ႏွာမွ ဥပမာမ်ား
ေခါင္းစဥ္မ်ား
HTML document တစ္ခုမွာ ေခါင္းစဥ္ေတြဘယ္လုိသုံးထားလဲျပထားေပးပါတယ္။
ေရျပင္ညီမ်ဥ္းမ်ား
ေရျပင္ညီမ်ဥ္း horizontalline ေတြဘယ္လုိထည့္ရမလဲ ျပသေပးပါတယ္။ မျမင္ရတဲ့မွတ္ခ်က္မ်ား
HTML code ေတြၾကားထဲမွာ မွတ္ခ်က္ေတြဘယ္လုိေရးထားလဲျပသေပးပါတယ္။
HTML document တစ္ခုမွာ ေခါင္းစဥ္ေတြဘယ္လုိသုံးထားလဲျပထားေပးပါတယ္။
ေရျပင္ညီမ်ဥ္းမ်ား
ေရျပင္ညီမ်ဥ္း horizontalline ေတြဘယ္လုိထည့္ရမလဲ ျပသေပးပါတယ္။ မျမင္ရတဲ့မွတ္ခ်က္မ်ား
HTML code ေတြၾကားထဲမွာ မွတ္ခ်က္ေတြဘယ္လုိေရးထားလဲျပသေပးပါတယ္။
HTML Tag အညႊန္းမ်ား
ယခု ဝဘ္ဆုိဒ္ မွာပါဝင္တဲ့ tag အညႊန္းေတြမွာ Tag ေတြနဲ႔၎တုိ႔မွာပါဝင္တဲ့ Attribute ေတြ အေၾကာင္း ရွင္းျပထားတာေတြ ပါပါတယ္။ ဒီသင္ခန္းစာရဲ့ ေနာက္လာမယ့္ အခန္းမွာ HTML Tag ေတြ နဲ႔ attribute ေတြအေၾကာင္း ပုိျပီးရွင္းျပထားတယ္။
| Tag | အေၾကာင္းအရာ |
|---|---|
| <html> | HTML document တစ္ခု အတြက္သုံးပါတယ္။ |
| <body> | document ရဲ့ ကုိယ္ထည္ကုိ သတ္မွတ္ပါတယ္။ |
| <h1> မွ <h6> အထိ | HTML ေခါင္းစဥ္ heading ေတြ အတြက္သုံးပါတယ္။ |
| <hr /> | ေရျပင္ညီမ်ဥ္း horizontal line အျဖစ္သတ္မွတ္ပါတယ္။ |
| <!--> | မွတ္ခ်က္တစ္ခုအျဖစ္သတ္မွတ္ပါတယ္။ |
http://www.soemoeaung.com
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက **************************************
0 comments:
Post a Comment