ေလ့ကျင့်ခန်း ၂ မှာကေတာ့ style css မလိုဘဲ စာမျက်နှာတစ်ခုက စာသားေတွကို ေဖာ်ြပမယ့် စတိုင်ေတွကို html ကုဒ်ေတွသံုးြပီး ေရးလို့ရတဲ့ ကုဒ်ေတွအေြကာင်းပါ။ ဒီေနရာကစြပီး tag ဆိုတာကို ကုဒ်လို့သံုးပါမယ်။

ကုဒ်အများစုဟာ သူတို့ေဖာ်ြပေပးတဲ့ ပံုသဏ္ဍာန်ကို အေြခခံတာမဟုတ်ဘဲ လုပ်ေဆာင်ချက်ကို အေြခခံတာြဖစ်ပါတယ်။ ကုဒ်ေတွက စာသားေတွ ဘယ်လိုပံုစံရှိမယ်ဆိုတာကို သတ်မှတ်ေပးမယ့်အစား ေခါင်းစဉ်လား ကိုးကားချက်စာပိုဒ်လားဆိုတာမျိုး စာသားေတွမှာရှိတဲ့ လုပ်ေဆာင်ချက်ေတွကို သတ်မှတ်ေပးပါတယ်
စာသားများကို ေဖာ်ြပမည့် ပံုသဏ္ဍာန်ကို စတိုင်များ၊ ဘေရာက်ဇာတွင် သံုးသူ စိတ်ြကိုက်သတ်မှတ်ေပးထားသည်များ နှင့် မူလ ဘေရာက်ဇာသတ်မှတ်ချက်များမှ ထိန်းချုပ်ထားသည်။
ေခါင်းစဉ်များကို <h1> မှ <h6> (အြကီးဆံုးမှ အငယ်ဆံုး သံုး၍ သတ်မှတ်ေပးနိုင်သည်။
ေခါင်းစဉ်တစ်ခုေနာက်တွင် အြခားေခါင်စဉ်ခွဲတစ်ခုေရးလိုေသာအခါ Screen Reader နှင့် Outlines များမှ ယူနစ်တစ်ခုတည်းအြဖစ် ြပေစရန် <hgroup> ကို သံုးလိုက သံုးနုိင်သည်။
စာသားများကို စာလံုးအထူြဖင့်ြပေစရန် <b> ကုဒ်ကို သံုး၍ စာလံုးေစာင်းြဖင့်ြပေစရန် <i> ကုဒ်ကို သံုးနိုင်သည်။
ထပ်ညွှန်းကိန်းပံုစံ စာသားအတွက် <sup> ကိုသံုး၍ ေအာက်ေြခမှတ်စု ပံုစံစာသားအတွက် <sub> ကိုသံုးနိုင်သည်။
မိုနိုစေပ့ သံုးထားေသာ စာသားများအတွက် အက္ခရာအားလံုးအတွက် တူညီေသာ အကျယ်ရှိသည့် ေဖာင့်စာလံုးကိုသံုးသည်။ မိုနိုစေပ့ စာသား၏ ဆန့်ကျင်ဖက်မှာ အချိုးကျ စာသားြဖစ်သည်။
ပံုမှန်အားြဖင့် ဝဘ်ေပါ်ရှိ စာသားအများစုမှာ အချိုးကျပံုစံ ေဖာင့်ကိုသံုးသည်။ မိုနိုစေပ့ ေဖာင့်ကိုသံုးရန် သတ်မှတ်လိုလျှင် <kbd>၊ <code>၊ <samp> ကုဒ်တို့ကုိ သံုးနိုင်သည်။ html5 တွင် မိုနိုစေပ့ စာသားများအတွက် <tt> ကို အသံုးြပုြခင်းအား ပံ့ပိုးမှုမရှိေတာ့ပါ။
ပံုမှန်အားြဖင့် ဝဘ် ဘေရာက်ဇာများသည် အပိုေနရာလွတ်များကို အလိုလိုဖယ်ရှားပစ်ြပီး စာပိုဒ်ခွဲြခင်းများ <h1> ကုဒ်ကိုသံုး၍ စာပိုဒ်ခွဲထားသည်များမှ လွဲ၍ ကို လှစ်လျှုရှုလိုက်သည်။ စာသားတစ်ခုတွင်ပါဝင်ေသာ ေနရာလွတ် စေပ့များနှင့် စာပိုဒ်များကို ပံုေဖာ်ြပေသေပးေစရန်အတွက် <pre> ြကားတွင် စာသားများကို ထားြခင်းြဖင့် သတ်မှတ်ေပးနိုင်သည်။
ကိုးကားချက်စာပိုဒ်များကို ထည့်သွင်းရန် <blockquoat> ကုဒ်ကိုသံုးပါ။ ဤကုဒ်တွင် cite=”URL” အထူးြပု သတ်မှတ်ချက်ထည့်သွင်းေပးနိုင်သည်။ သို့ေသာ် ဘေရာက်ဇာအများစုမှ ၎င်းကို အသံုးမြပုပါ။
Internet Explorer တွင် မူေသ စာလံုးအရွယ်အစားကို View မီနူးမှတဆင့် သတ်မှတ်ေပးနိုင်သည်။ သို့ေသာ် ဒီနည်းက သင့် Internet Explorer ကိုသာ ြပုြပင်လိုက်ြခင်းြဖစ်ြပီး စာမျက်နှာကို ြပုြပင်ြခင်းမဟုတ်ပါ။
မူေသ ေဖာင့်စာလံုးကို Internet Options မှတဆင့် ေြပာင်းလဲသတ်မှတ်ေပးနိုင်သည်။

html5 ေလ့ကျင့်ခန်း – ၁

Leave a reply

html5 အြဖစ်သတ်မှတ်ေပးရန် ထိပ်ဆံုးတွင် <!DOCTYPE html> ကို ေရးြဖစ်ေအာင်ေရးပါ DOCTYPE သည် စာလံုးအြကီးြဖင့် ေရးသင့်သည်။
DOCTYPE မှလွဲ၍ HTML ကုဒ်အားလံုးကို <html> နှစ်ခုအတွင်းတွင် ေရးသည်
<html> နှင့် </html> ြကားတွင် <head> နှင့် <body> အပိုင်းများကို ေရးသည်
<head> တွင် <title> နှင့် အြခား <meta> များပါဝင်ြပီး <body> တွင် စာမျက်နှာတစ်ခုကို ပံုေဖာ်ြပသေပးမည့် အြခား စာသားများအားလံုးပါဝင်သည်
စာပိုဒ် တစ်ပိုဒ်ချင်းစီကို အဖွင့်အပိတ်ပါဝင်ေသာ <p> များြကားတွင်ေရးသည်။ စာမျက်နှာတစ်ခုကို ေဖာ်ြပေသာအခါ ဘေရာက်ဇာအများစုသည် စာပိုဒ် ၂ ပိုဒ်ြကားတွင် ေနရာလွတ် စေပ့ တစ်ခုကို ထည့်သွင်းေပးေလ့ရှိသည်။
စာပိုဒ်သစ်တစ်ခု စတင်ေရးသားြခင်းမြပုဘဲ စာေြကာင်းတစ်ေြကာင်းကို ရပ်နား၍ အသစ်ေရးလိုေသာအခါ တစ်ခုတည်းသာရှိသာ <br> ကိုသံုးသည်။
XHTML များကို ေရးသားသာအခါ တစ်ခုတည်းေသာ ကုဒ်များကို စေပ့တစ်ခုနှင့် မျဉ်းေစာင်း (/ တစ်ခုြဖင့် အဆံုးသတ်ေပးရန်လိုသည်။ စေပ့သည် HTML အြဖစ် သိနိုင်ေစရန် လိုအပ်ြပီး မျဉ်းေစာင်းသည် XHTML အြဖစ် သိရှိနိုင်ေစရန် လိုအပ်သည်။
<head> တွင်ပါဝင်ေသာ <meta> သည် ေသာ့ချက်စကားလံုးများနှင့် စာေရးစနစ် (encoding language များကို ေဖာ်ြပရန် သံုးသည်။
<title> နှင့် </title> ြကားတွင် ေရးသားေသာ စာသားသည် ဘေရာက်ဇာ နှဖူးစီးတွင် ေပါ်လာလိမ့်မည်။ ၎င်းတို့ကို <head> အပိုင်းတွင် ထားပါ။