သည် HTML5 ကို Placeholder Links များကဘာတွေလဲ?
href: HTML5 ကိုသည်အထိ idUp သည်တစ်ဦး tag ကိုတဦးတည်း attribute ကိုလိုအပ်လျက်ရှိသည်။ သို့သော် HTML5 ကိုပင်ကြောင်း attribute က optional ကိုမှန်ကန်စေသည်။ သင်ကအမှတ်အသား link ကိုလို့ခေါ်ပါတယ်ဆို attribute တွေမပါဘဲတစ်ဦး tag ကိုရေးတဲ့အခါ။
တစ်ဦးကအမှတ်အသား link ကိုဒီတူ:
ယခင်ဖွံ့ဖြိုးရေးစဉ်အတွင်း Placeholder Links များအသုံးပြုခြင်း
website တစ်ခုဒီဇိုင်းနှင့်တည်ဆောက်ခြင်းစဉ်နီးပါးတိုင်းကို web ဒီဇိုင်နာတစ်ကြိမ်သို့မဟုတ်အခြားမှာအမှတ်အသားလင့်များဖန်တီးထားသည်။ HTML5 ကိုမပြုမီ, ကျွန်တော်ရေးလိုက်မယ်ဆိုတာ:
Link ကိုစာသားမအဆိုပါအမှတ်အသားအဖြစ်။ ထိုအခါငါသာ client ကိုငါ့ကိုမမေးရှိသည်ဖို့သူတို့အားနေရာသတ်မှတ်ချက်များနှင့်အတူဖောက်သည် mockup က်ဘ်ဆိုက်များကိုစလှေတျပါပွီ "စာသားအမှုအမျိုးမျိုး၌အဘယ်ကြောင့်မလင့်ခ်?"
အမှတ်အသား link ကိုအဖြစ် hashtag (#) ကို အသုံးပြု. နှင့်အတူပြဿနာကို link ကိုနှိပ်ဖြစ်ပါသည်, ဤသည်သင်၏ client များအတွက်စိတ်ရှုပ်ထွေးမှုများကိုဖြစ်ပေါ်စေနိုငျသောကွောငျ့ဖွစျသညျ။ တစ်စုံတစ်ဦးကမှန်ကန်တဲ့ URL များကိုသူတို့နှင့်အတူ update လုပ်ဖို့မေ့လျော့လျှင်, ထိုလင့်များသူတို့ဘာမှလင့်ထားသည်ပါဘူးကြောင့်တိုက်ရိုက် site ပေါ်တွင်လည်းကျိုးပေါ်လာနိုင်ပါတယ်။
အဲဒီအစား, သင်သည်မည်သည့် attribute တွေမပါဘဲတစ်ဦး tags များစတင်သုံးစွဲသင့်ပါတယ်။ သင်တို့သည်ဤအသင့်စာမျက်နှာပေါ်မဆိုအခြား link ကိုကြည့်ဖို့ style နိုင်ပါသည်, သို့သော်သူတို့ပဲနေရာသတ်မှတ်ချက်များကြောင့်သူတို့နှိပ်လိမ့်မည်မဟုတ်ပေ။
တိုက်ရိုက်ဆိုဒ်များပေါ် Placeholder Links များအသုံးပြုခြင်း
သို့သော်အမှတ်အသားလင့်များရုံဖှံ့ဖွိုးတိုးထက်ပိုမိုများအတွက် web design မှာနေရာတစ်နေရာရှိသည်။ အမှတ်အသား link ကိုထွန်းလင်းနိုင်သည်ကိုတစ်နေရာတည်းအညွှန်း၌တည်ရှိ၏။ အမြားအပွားကိစ္စများတွင်က်ဘ်ဆိုက်အညွှန်းစာရင်းသင်တို့အပေါ်မှာနေသောစာမျက်နှာကိုညွှန်းအချို့ကိုလမ်းရှိသည်။ ဤရွေ့ကားမကြာခဏညွှန်းကိန်း "သင်ဒီမှာပါ" ဟုခေါ်ကြသည်။
အများစုမှာက်ဘ်ဆိုက်များညွှန်မှတ်ကို "သင်ဒီမှာပါ" သို့သော်အချို့လည်းအတန်း attribute ကိုသုံးဖို့လိုအပ်တယ်သောဒြပ်စင်အပေါ်အိုင်ဒီ attribute တွေအပေါ်အားကိုး။ သို့သော်ဘာပဲသင်အသုံးပြု attribute ကို, သင်မှန်ကန်သောဒြပ်စင်အနေဖြင့် attribute ကိုထည့်သွင်းခြင်းနှင့်ဖယ်ရှားခြင်း, ပေါ်မှာသွားလာမှုရှိကြောင်းတိုင်းစာမကျြနှာအလုပ်၏စည်းလုပ်ဖို့လိုအပ်ပါတယ်။
သငျသညျချင်ပါတယ်သို့သော်အမှတ်အသား link ကိုအတူ, သင်သည်သင်၏အညွှန်းရေးနိုင်ပြီး, သင်တစ်ဦးစာမကျြနှာသွားလာမှုကိုထည့်သွင်းတဲ့အခါမှာဒါဆိုရိုးရိုးသင့်လျော်သော link ကိုထံမှ href attribute ကိုဖယ်ရှားလိုက်ပါ။ ငါသည်ငါ၏အယ်ဒီတာတစ်ဦးအတိုအထွာသကဲ့သို့ငါ၏တစ်ခုလုံးကိုအညွှန်းစာရင်းသိုလှောင်ဒါကြောင့်ပဲအမြန်မိတ္တူ-ငါးပိင်ထို့နောက် href ဖျက်ပစ်ပါမည်။ သင်တို့သည်လည်းသင့်ရဲ့ CMS သို့တူညီသောအရာလုပ်ဖို့ရရှိနိုင်သည်။
ထိုအခါအမှတ်အသား link ကိုအထူးပုံစံ (ပုံကိုအောက်တွင်ဖော်ပြထားသောငါပြပါလိမ့်မယ်) ဖြည့်စွက်မှတပါး, link ကိုနှိပ်မဟုတ်ပါဘူး။ ဒါကြောင့်ဖောက်သည်သူတို့လက်ရှိနေရာအညွှန်း link ကို click နှိပ်ပြီးပါလျှင်၎င်းတို့သည်အခြားအရာတစ်ခုခုရစေခြင်းငှါ, စဉ်းစားရှုပ်ထွေးမရကြဘူး။
ပုံစံ Placeholder Links များ
Placeholder လင့်များကွဲပြားခြားနားသင်၏ဝဘ်စာမျက်နှာပေါ်တွင်အခြားလင့်များထံမှစတိုင်နဲ့စတိုင်ဖို့လွယ်ကူပါတယ်။ link ကို tag ကို: ရိုးရှင်းစွာတစ်ဦး tag ကိုနှင့်တစ်ဦးနှစ်ဦးစလုံး style ရန်သေချာစေပါ။ ဥပမာ:
တစ် {color: red; font-အလေးချိန်: ရဲရင့်; text-decoration: none; } တဲ့: link ကို {color: အပြာရောင်; font-အလေးချိန်: ပုံမှန်; text-decoration: မဉျြးသား, အလေးအနကျပွော; }ဤသည် CSS ကိုအဘယ်သူမျှမမျဉ်းသားနှင့်အတူ, အမှတ်အသားလင့်များရဲရင့်ခြင်းနှင့်အနီဖြစ်စေမည်။ ပုံမှန်လင့်များအပြာနှင့်မျဉ်းသား, ပုံမှန်အလေးချိန်ရှိလိမ့်မည်နေစဉ်။
သင်တစ်ဦး tag ကိုကနေကျော်သယ်ဆောင်ခံရဖို့မလိုချင်ကြဘူးဆိုစတိုင်များကို reset သတိရပါ။ ဥပမာအားဖြင့်, ငါအမှတ်အသားလင့်များအဘို့ရဲရင့်မှ font-weight set ဒါကြောင့်ငါကသတ်မှတ်ထားခဲ့:
font-အလေးချိန်: ပုံမှန်;စံလင့်များသည်။ အလားတူ text-အလှဆင်နှင့်အတူမှန်က, တစ်ဦး selector အတူကဖယ်ရှားခြင်းအားဖြင့်ကတစ်ဘို့ဖယ်ရှားခဲ့ကြလိမ့်မယ်: ငါကနောက်ကျောကိုမထားလျှင် link ကို selector ။