အသိုက်ဇယားသင့်ဝက်ဘ်စာမျက်နှာများနှေးကွေး
web page များကိုမြန်ဆန်စွာဒေါင်းလုပ်လုပ်ရန်, ဒါပေမယ့်အသိုက်စားပွဲဖြစ်စဉ်နှေးကွေးနိုင်ပါတယ်လိုအပ်ပါတယ်။ သင်သည်သင်၏စာမကျြနှာကို load ဘယ်လောက်မြန်မြန်စိုးရိမ်ရန်မလိုပါဒါမည်သူမဆိုပိုပြီးလူတွေဘရော့ဘန်းသို့မဟုတ်မြန်နှုန်းမြင့်အင်တာနက်ကိုအသုံးပြုသငျသညျပြောပြပါရစေမထားပါနဲ့။ Web ပေါ်ရှိအကြောင်းအရာ၏ပမာဏနှင့်အတူတဖြည်းဖြည်းသက်ရောက်တဲ့စာမျက်နှာသို့မဟုတ်ဆိုဒ်ကိုလျင်မြန်စွာသက်ရောက်တစ်ခုထက်နည်းပါးလာဧည့်သည်များရှိသည်သွားခြင်းဖြစ်သည်။ မြန်နှုန်းအလွန်အရေးကြီးပါသည်။
ငှက်သိုက်စားပွဲတင်ကဘာလဲ?
ငှက်သိုက်ကိုစားပွဲပေါ်မှာကအတွင်းအပြင်အခြားစားပွဲရှိပါတယ်တစ်ခုက HTML စားပွဲပေါ်မှာဖြစ်ပါတယ်။ ဥပမာ:
<ကြိမ်မြောက်> ကော်လံ 1
<ကြိမ်မြောက်> ကော်လံ 2
<ကြိမ်မြောက်> ကော်လံ 3
ကော်လံ 1
|
အသိုက်စားပွဲပေါ်မှာကော်လံ 1
အသိုက်စားပွဲပေါ်မှာကော်လံ 2
| ကော်လံ 3
|
ကော်လံ 1
| ကော်လံ 2
| ကော်လံ 3
အသိုက်ဇယားစာမျက်နှာများပိုတဖြည်းဖြည်းနဲ့ Download လုပ်ဖို့စေ တစ်ဦးက Web စာမျက်နှာပေါ်တွင်တစ်ဦးကတစ်ခုတည်းဇယားသည်စာမျက်နှာ (အကြောင်းပြချက်အတွင်း) ကိုပိုမိုနှေးကွေးစွာဒေါင်းလုပ်လုပ်စေမည်မဟုတ်။ သို့သော်ယခုအချိန်တွင်သင်သည်အခြားစားပွဲအတွင်းတဦးတည်းစားပွဲပေါ်မှာထား, ကဆပ်ဖို့ browser ကိုပိုရှုပ်ထွေးရရှိသွားတဲ့ဒါကြောင့်ပိုပြီးတဖြည်းဖြည်းစာမျက်နှာဝန်။ တဖန်သင်တို့အချင်းချင်းတယောက်ကိုတယောက်အတွင်းအပြင်အသိုက်ရှိသည်ဟုပိုစားပွဲ, အနှေးစာမျက်နှာ load ပါလိမ့်မယ်။
သငျသညျစားပွဲနှင့်အတူစာမျက်နှာဖန်တီးသည့်အခါစားပွဲအတွင်းတွင်ဖြစ်ကြောင်းပိုစားပွဲဆိုတာကိုသတိရသည်စာမျက်နှာနှေးကွေး load ပါလိမ့်မယ်။ တဲ့အခါစာမျက်နှာပေါ်လာပုံမှန်အားဖြင့်, Browser ကို HTML ကိုထိပ်မှာစတင်သည်နှင့်ဝန်ကစီစဉ်တစာမကျြနှာကိုဆင်း။ သို့သော်အသိုက်စားပွဲနှင့်အတူ, အဲဒါကိုတစ်ခုလုံးကိုအရာဖော်ပြရန်နိုင်မီစားပွဲ၏အဆုံးကိုရှာဖွေပါတယ်။
Layout များအတွက်ဇယား သငျသညျသငျ့သညျ layout ကိုများအတွက်စားပွဲ အသုံးပြု. မရ သင့် Web စာမျက်နှာများကိုပါ။ သူတို့ကလုနီးပါးအမြဲဒါစားပွဲတစ်ခု-layout ကို web page ကိုပိုပြီးတဖြည်းဖြည်း CSS ကိုအတွက်ပြန်ဆိုတူညီတဲ့ဒီဇိုင်းထက် load မည်, သငျသညျအသိုက်စားပွဲအသုံးပြုလိုအပ်သည်။
သငျသညျခိုင်လုံသော XHTML ကရေးသားဖို့ကြိုးစားနေမယ်ဆိုရင်လည်း, စားပွဲမှာအားလုံးအဆင်အပြင်အဘို့မသုံးသင့်ပေ။ ဇယား tabular data တွေအတွက်အဘို့ဖြစ်ကြ၏ (ထိုကဲ့သို့သောစာရင်းဇယားကဲ့သို့) မဟုတျဘဲအဆင်အပြင်သည်။ အဲဒီအစားသင်အသုံးပြုသင့်ပါတယ် layout ကိုများအတွက် CSS ကို ပိုမိုလျင်မြန်စွာဆပ်နှင့်သင်ခိုင်လုံသော XHTML ကထိန်းသိမ်းရန်ကူညီရန် -CSS ဒီဇိုင်းများ။
ပိုမိုမြန်ဆန် Loading ဇယားဒီဇိုင်း သငျသညျမျိုးစုံအတန်းနှင့်အတူစားပွဲတစ်ခုဒီဇိုင်း အကယ်. သီးခြားစားပွဲအဖြစ်တစ်ဦးချင်းစီတန်းရေးလိုက်လျှင်, မကြာခဏပိုမိုလျင်မြန်စွာ load နိုင်ပါတယ်။ ဥပမာအားဖြင့်, သင်သည်ဤကဲ့သို့သောစားပွဲတစ်ခုရေးဖို့နိုင်:
အပေါ်ဆုံးအတန်း
|
left ကော်လံ
| ညာဘက်ကော်လံ
သငျသညျကျောက်ပြားနှစ်ပြားကဲ့သို့တူညီသောစားပွဲပေါ်မှာရေးသားခဲ့သည်လျှင် browser ကိုပထမဦးဆုံးဆပ်ပြီးတော့ဒုတိယဆပ်ထက်မှာတစ်ချိန်ကတစ်ခုလုံးစားပွဲ rendering လို့ဒါပေမဲ့အဲဒါကိုပိုပြီးလျင်မြန်စွာ load မှပေါ်လာလိမ့်မယ်။ အဆိုပါလှည့်ကွက်တစ်ဦးချင်းစီစားပွဲတူညီ width နှင့် (padding ကို, မာဂျင်နှင့်နယ်နိမိတ်များကဲ့သို့) အခြားစတိုင်များရှိကြောင်းသေချာစေရန်ဖြစ်ပါသည်။
အပေါ်ဆုံးအတန်း
left ကော်လံ
| ညာဘက်ကော်လံ
တစ်ခုမှာဇယားထဲသို့အသိုက်ဇယား converting သင်တို့ရှိသမျှသည်ကောင်းမွန်သောဤသတင်းအချက်အလက်, သို့သော်သင်သည်အခြားစားပွဲပေါ်မှာအထဲတွင်အသိုက်ကြရမည်ဟုစားပွဲတစ်ခုရှိသည်ခံစားရပေမည်။ ဤစကားမှန်ဖြစ်နိုင်သည်နေစဉ်မကြာခဏသင်သည်သင်၏စားပွဲပေါ်မှာဆဲလ်အပေါ်တွေနဲ့ attribute ကိုသုံးခြင်းဖြင့်အနည်းငယ်ပိုမိုရှုပ်ထွေးတစ်ခုတည်းစားပွဲသို့အသိုက်စားပွဲပြောင်းနိုင်ပါတယ်။ ဥပမာအားဖြင့်, ထိပ်မှာအသိုက် table ထဲမှာငါပဲ colspan attribute ကိုအတူတစ်ခုတည်းစားပွဲပေါ်မှာသို့ဤသို့ပြောင်းလဲနိုင်သည်
<ကြိမ်မြောက်> ကော်လံ 1
<ကြိမ်မြောက် colspan = "2"> ကော်လံ 2
<ကြိမ်မြောက်> ကော်လံ 3
ကော်လံ 1
| အသိုက်စားပွဲပေါ်မှာကော်လံ 1
| အသိုက်စားပွဲပေါ်မှာကော်လံ 2
| ကော်လံ 3
|
ကော်လံ 1
| colspan = "2"> ကော်လံ 2
| ကော်လံ 3
ဤသည်ကိုစားပွဲကိုလည်းအသိုက်စားပွဲပေါ်မှာထက်နည်းပါးလာဇာတ်ကောင်ကို အသုံးပြု. ၏အကျိုးကျေးဇူးရှိပါတယ်, ဒါကြောင့်လည်းဘာဖြစ်လို့လဲဆိုတော့ကြောင့်ပိုမြန်ဒေါင်းလုတ်လုပ်ပါလိမ့်မယ်။
| | | | | | |