HTML ကုဒ် အလှဆင်ခြင်းနှင့် ချုံ့ခြင်း လုပ်ငန်းစဉ်
HTML ကုဒ် အလှဆင်ခြင်းနှင့် ချုံ့ခြင်း ကိရိယာ သည် HTML ကုဒ်များကို ဖတ်ရှုရလွယ်ကူစေရန် ပြန်လည်ပုံစံချပေးခြင်း သို့မဟုတ် ဖိုင်အရွယ်အစား သေးငယ်သွားစေရန် ချုံ့ပေးခြင်းတို့ကို လုပ်ဆောင်ပေးသည့် ကိရိယာတစ်ခုဖြစ်သည်။ ထို့အပြင် HTML ကုဒ်အတွင်းရှိ အဖြစ်များသော ဖွဲ့စည်းပုံဆိုင်ရာ အမှားအယွင်းများကိုလည်း ရှာဖွေစစ်ဆေးပေးနိုင်သည်။ ဤလုပ်ငန်းစဉ်အားလုံးသည် အသုံးပြုသူ၏ ဘရောက်ဆာထဲတွင်သာ တိုက်ရိုက်အလုပ်လုပ်ပြီး BroBroGo သို့ မည်သည့်အချက်အလက်မျှ ပေးပို့ခြင်းမရှိပါ။
ဤကိရိယာသည် အမြင့်ဆုံး စာလုံးရေ ၅၀၀,၀၀၀ (500,000 characters) အထိသာ လက်ခံလုပ်ဆောင်ပေးနိုင်သည်။ အကယ်၍ ထည့်သွင်းလိုက်သော HTML ကုဒ်သည် သတ်မှတ်ပမာဏထက် ကျော်လွန်နေပါက "ဤစာရွက်စာတမ်းသည် လုပ်ဆောင်ရန် အလွန်ကြီးမားနေပါသည်။ ပိုမိုသေးငယ်သောဖိုင်ဖြင့် ထပ်စမ်းကြည့်ပါ။" ဟူသော အမှားသတင်းစကားကို ပြသမည်ဖြစ်သည်။ အခြားတစ်ဖက်တွင် ကုဒ်ကို လုပ်ဆောင်၍မရသော အခြေအနေမျိုး ကြုံတွေ့ရပါက "ဤ HTML ကို လုပ်ဆောင်၍မရပါ။" ဟူသော အမှားသတင်းစကားကို ပြသပေးမည်ဖြစ်သည်။
အလှဆင်ခြင်း (Beautify) နှင့် ချုံ့ခြင်း (Minify) ၏ လုပ်ဆောင်ချက်များ
HTML ကုဒ်များကို စီမံခန့်ခွဲရာတွင် အလှဆင်ခြင်းနှင့် ချုံ့ခြင်းတို့သည် ဆန့်ကျင်ဘက် ရည်ရွယ်ချက်များအတွက် အလုပ်လုပ်ကြသည်။
Beautify (လှပအောင် ပြင်ဆင်ခြင်း)
ရှုပ်ပွနေသော markup ကုဒ်များကို စနစ်တကျ ပြန်လည်ပုံစံချပေးပြီး စာပိုဒ်ခြားခြင်း များကို ပြုလုပ်ပေးသည်။ အသုံးပြုသူသည် စာပိုဒ်ခြားရန်အတွက် "2/4 spaces or Tab" ကို ရွေးချယ်သတ်မှတ်နိုင်သည်။ ဤလုပ်ဆောင်ချက်သည် ကုဒ်ကို ဖတ်ရှုရလွယ်ကူစေပြီး ပြင်ဆင်တည်းဖြတ်ရလွယ်ကူစေရန် ကူညီပေးသည်။ လုပ်ဆောင်ပြီးပါက "လှပအောင် ပြင်ဆင်ပြီးပါပြီ။" ဟူသော အခြေအနေပြသတင်းစကား ပေါ်လာမည်ဖြစ်သည်။
Minify (ချုံ့ခြင်း)
ဝဘ်ဆိုက်၏ စွမ်းဆောင်ရည်နှင့် ပွင့်သည့်အမြန်နှုန်း ကောင်းမွန်စေရန်အတွက် ဖိုင်အရွယ်အစားကို ချုံ့ပေးသည်။ ဤလုပ်ငန်းစဉ်တွင် -
- မလိုအပ်သော ကွက်လပ် (Whitespace) များနှင့် မှတ်ချက် (Comments) များကို ဖယ်ရှားပစ်သည်။
- HTML အတွင်းရှိ inline CSS နှင့် JavaScript ကုဒ်များကို ချုံ့ပစ်သည်။
- မဖြစ်မနေ ထည့်ရန်မလိုသော attribute quote များကို ဖယ်ရှားပစ်သည်။
- သို့သော် preformatted block များကဲ့သို့ ကွက်လပ်အရေးကြီးသော စာသားများကိုမူ မူလအတိုင်း ချန်ထားပေးမည်ဖြစ်သဖြင့် စာမျက်နှာပုံစံ ပြောင်းလဲသွားခြင်း မရှိစေရပါ။
ချုံ့ခြင်းလုပ်ငန်းစဉ် ပြီးဆုံးပါက "ချုံ့ပြီးပါပြီ။" သို့မဟုတ် အရွယ်အစား မည်မျှသက်သာသွားသည်ကို တွက်ချက်၍ "ချုံ့ပြီးပါပြီ — {pct}% ပိုမိုသေးငယ်သွားသည်။" ဟူသော သတင်းစကားကို ပြသပေးသည်။
HTML ဖွဲ့စည်းပုံ စစ်ဆေးခြင်း (Validation)
ဤကိရိယာတွင် စစ်ဆေးရန် လုပ်ဆောင်ချက်ကို "ဖွင့်ရန်" သို့မဟုတ် "ပိတ်ရန်" ရွေးချယ်နိုင်သည်။ စစ်ဆေးနေစဉ်အတွင်း "စစ်ဆေးနေသည်…" ဟူသော အခြေအနေကို ပြသပေးမည်ဖြစ်သည်။ ဤစစ်ဆေးမှုသည် အပြည့်အဝ W3C ကိုက်ညီမှု အစီရင်ခံစာ မဟုတ်သော်လည်း မြန်ဆန်သော ဖွဲ့စည်းပုံစစ်ဆေးမှုတစ်ခုအဖြစ် အောက်ပါပြဿနာများကို ရှာဖွေပေးနိုင်သည် -
- မပိတ်ရသေးသော သို့မဟုတ် မကိုက်ညီသော tag များ
- ထပ်နေသော id များ
- ထပ်ခါတလဲလဲ ဖြစ်နေသော attribute များ
- escape မလုပ်ထားသော စာလုံးများ
အကယ်၍ ပြဿနာတစ်စုံတစ်ရာ မရှိပါက "ပြဿနာ တစ်စုံတစ်ရာ မတွေ့ရှိပါ။" ဟု ပြသမည်ဖြစ်ပြီး၊ ပြဿနာရှိပါက "စစ်ဆေးခြင်း" ခေါင်းစဉ်အောက်တွင် "ပြဿနာ {count} ခု တွေ့ရှိရသည်။" ဟု ပြသကာ အမှားရှိသည့်နေရာကို "စာကြောင်း {line}:{col}" ပုံစံဖြင့် တိကျစွာ ညွှန်ပြပေးမည်ဖြစ်သည်။
အချက်အလက် ထွက်ရှိမှု တိုင်းတာချက်များ
ကုဒ်ကို လုပ်ဆောင်ပြီးသည့်အခါ အောက်ပါအချက်အလက်များကို အချိန်နှင့်တပြေးညီ တွက်ချက်ပြသပေးသည် -
| တိုင်းတာချက် | ဖော်ပြချက် |
|---|---|
| စာကြောင်းရေ | လုပ်ဆောင်ပြီးနောက် ထွက်ရှိလာသော HTML ၏ စာကြောင်းရေ စုစုပေါင်း |
| စာလုံးရေ | လုပ်ဆောင်ပြီးနောက် ထွက်ရှိလာသော HTML ၏ စာလုံးရေ စုစုပေါင်း |
| အရွယ်အစား | လုပ်ဆောင်ပြီးနောက် ထွက်ရှိလာသော HTML ၏ အရွယ်အစား (Bytes ဖြင့်) |
အသုံးပြုသူသည် ထည့်သွင်းထားသော ကုဒ်များကို ဖယ်ရှားလိုပါက ရှင်းလင်းရန် ခလုတ်ကို နှိပ်နိုင်ပြီး၊ ထိုအခါ "ရှင်းလင်းပြီးပါပြီ။" ဟူသော သတင်းစကား ပေါ်လာမည်ဖြစ်သည်။
အမေးနှင့်အဖြေများ
Beautify နှင့် Minify တို့၏ ကွာခြားချက်မှာ အဘယ်နည်း။
Beautify (လှပအောင် ပြင်ဆင်ခြင်း) သည် markup ကုဒ်များကို ဖတ်ရှုရန်နှင့် ပြင်ဆင်ရန် လွယ်ကူစေရန် စာပိုဒ်ခြားခြင်းနှင့် ကွက်လပ်ချခြင်းများကို ပြန်လည်လုပ်ဆောင်ပေးပါသည်။ Minify (ချုံ့ခြင်း) ကမူ ဆန့်ကျင်ဘက်ဖြစ်ပြီး ဘရောက်ဆာအတွက် မလိုအပ်သော ကွက်လပ်များနှင့် မှတ်ချက်များကို ဖယ်ရှားပေးသဖြင့် ဖိုင်အရွယ်အစား ပိုမိုသေးငယ်ပြီး မြန်မြန်ပွင့်စေပါသည်။ အလုပ်လုပ်နေစဉ်တွင် Beautify ကိုသုံးပြီး အပြီးသတ်ထုတ်လုပ်ချိန်တွင် Minify ကို သုံးနိုင်ပါသည်။
Validation (စစ်ဆေးခြင်း) ကို ဖွင့်ထားပါက မည်သည်တို့ကို စစ်ဆေးပေးသနည်း။
၎င်းသည် ဘရောက်ဆာများ သတိမထားမိဘဲ ကျော်သွားတတ်သည့် ဖွဲ့စည်းပုံဆိုင်ရာ ပြဿနာများ (ဥပမာ - မပိတ်ရသေးသော သို့မဟုတ် မကိုက်ညီသော tag များ၊ ထပ်နေသော id များ၊ ထပ်ခါတလဲလဲ ဖြစ်နေသော attribute များနှင့် escape မလုပ်ထားသော စာလုံးများ) ကို စာကြောင်းနှင့် ကော်လံအလိုက် အလံပြပေးပါသည်။ ၎င်းသည် မြန်ဆန်သော ဖွဲ့စည်းပုံစစ်ဆေးမှုတစ်ခုသာဖြစ်ပြီး အပြည့်အဝ W3C ကိုက်ညီမှု အစီရင်ခံစာ မဟုတ်ပါ။
Minify လုပ်ခြင်းကြောင့် ကျွန်ုပ်၏ စာမျက်နှာပုံစံ ပြောင်းလဲသွားနိုင်ပါသလား။
မပြောင်းလဲပါ — သင့်စာမျက်နှာသည် မူလအတိုင်းပင် ပေါ်လာပြီး အလုပ်လုပ်ပါမည်။ Minify လုပ်ခြင်းသည် ကွက်လပ်များနှင့် မှတ်ချက်များကို ဖယ်ရှားခြင်း၊ inline CSS နှင့် JavaScript များကို ချုံ့ခြင်းနှင့် မလိုအပ်သော attribute quote များကို ဖယ်ရှားခြင်းတို့ဖြင့် ဘရောက်ဆာအတွက် မရှိမဖြစ်လိုအပ်သော အရာများကိုသာ ချန်လှပ်ထားပေးပါသည်။ preformatted block များကဲ့သို့ ကွက်လပ်အရေးကြီးသော စာသားများကိုမူ မူလအတိုင်း ချန်ထားပေးမည် ဖြစ်သည်။