သင်သည်သင်၏ဝဘ်ဒီဇိုင်းပညာရေးအတွက်အစောပိုင်းလေ့လာသင်ယူတံ့သော tags များတအဖြစ်လူသိများ tags များတရံက "အလေးပေး tags များ။ " ရဲ့ကဤ tags များဖြစ်ကြပြီးဘယ်လောက်သူတို့ကယနေ့ကို web design ကိုအသုံးပြုကြသည်ဘယ်အရာကိုကြည့်ကြရအောင်။
နောက်ကျော XHTML ကမှ
သငျသညျလွန်ခဲ့တဲ့နှစ်ပေါင်း HTML ကိုလေ့လာသင်ယူနေလျှင်, ကောင်းစွာ HTML5 ကို၏မြင့်တက်လာမှီ, သငျသညျဖြစ်နိုင်ရဲရင့်ခြင်းနှင့်စာလုံးစောင်း tags များနှစ်ခုလုံးကိုအသုံးပြုခဲ့သည်။ သငျသညျမြျှောလငျ့ထားမယ်လို့အမျှဤ tags များအသီးသီးရဲရင့်သောစာသားသို့မဟုတ်စာလုံးစောငျးစာသားကိုသို့ element တွေကိုလှည့်။ အဆိုပါသည်ဤ tags များနှင့်အတူပြဿနာ, ဘာကွောငျ့လဲသူတို့ (ကြှနျုပျတို့မကြာမီမှာကြည့်ရှုမည်ဖြစ်သော) ဒြပ်စင်အသစ်၏မျက်နှာသာအတွက်ဘေးဖယ်တွန်းခဲ့သည်, သူတို့ semantic ဒြပ်စင်မဟုတ်သောကြောင့်ဖြစ်သည်။ သူတို့စာသားအစားစာသားနှင့်ပတ်သက်ပြီးသတင်းအချက်အလက်များထက်ကိုကြည့်သင့်တယ်ဘယ်လိုသတ်မှတ်ထားလို့ဖြစ်ပါတယ်။ (ဤ tags များကျမ်းစာ၌ရေးထားမည်ဖြစ်ကြောင်းသည်အဘယ်မှာရှိတော်မူသော) HTML ကိုအားလုံးဖွဲ့စည်းပုံမှာမဟုတ်ဘဲအမြင်အာရုံစတိုင်အကြောင်းကိုဖြစ်ပါသည်, သတိရပါ! ပုံရိပ်ယောင်များ CSS ကိုနဲ့ web design ကိုအကောင်းဆုံးအလေ့အကျင့်အားဖြင့်ကိုင်တွယ်နေကြသည်ရှည်လျားသင်သည်သင်၏ဝဘ်စာမျက်နှာမှာစတိုင်နဲ့ဖွဲ့စည်းပုံမှာရှင်းရှင်းလင်းလင်းခွဲခြာရှိသင့်ကြောင်းကျင်းပခဲ့ကြသည်။ ဤသည် Non-semantic နှင့်အသေးစိတ်မဟုတ်ဘဲဖွဲ့စည်းပုံထက်ကိုကြည့်ရှုဖြစ်ကြောင်း element တွေကိုအသုံးမပြုဆိုလိုသည်။ အဆိုပါရဲရင့်ခြင်းနှင့်စာလုံးစောင်း tags များယေဘုယျအားဖြင့်ခိုင်ခံ့ (ရဲရင့်အဘို့) နှင့် (စာလုံးစောင်းများအတွက်) အလေးပေးဖြင့်အစားထိုးခဲ့ကြအဘယ်ကြောင့်ဒီအဖြစ်ပါတယ်။
& lt; ခိုင်မာတဲ့ & GT; နှင့် & lt; em & GT;
ခိုင်ခံ့သောနှင့်အလေးပေးဒြပ်စင်အကြောင်းအရာကိုပြောပြီအခါကွဲပြားခြားနားကုသနှင့်အလေးပေးပြောကြားခဲ့သည်သင့်ကြောင်းအကြောင်းအရာအသေးစိတ်, သင်၏စာသားမှသတင်းအချက်အလက်များထည့်ပါ။ သငျသညျတော်တော်များများသင်သည်အတိတ်ကာလရဲရင့်ခြင်းနှင့်စာလုံးစောင်းကိုအသုံးပြုခဲ့ကြပေသည်တူညီသောလမ်းသည်ဤဒြပ်စင်ကိုအသုံးပြုပါ။ ရိုးရှင်းစွာအဖွင့်ပွဲနှင့်ပိတ်ပွဲ tags များနှင့်အတူသင်၏စာသားဝိုင်း ( နဲ့ ခိုင်မာတဲ့အလေးပေးများအတွက်အလေးပေးနဲ့ နဲ့ များအတွက်) နှင့်ပူးတွဲစာသားကိုအလေးပေးပြောကြားခဲ့သည်လိမ့်မည်။
သငျသညျအသိုက်ကဤ tags များလုပ်နိုင်ကြောင့်ပြင်ပ tag ကိုဖြစ်သည့်အရေးမထားဘူး။ ဒီနေရာတွင်ဥပမာအခြို့ဖြစ်ကြသည်။
ဒါကစာသားကို အလေးပေးပြောကြားခဲ့သည်နှင့်အများဆုံး browser များစာလုံးစောင်းအဖြစ်ကပြသမည်ဖြစ်သည်။ ဒါကစာသားကိုပြင်းပြင်းထန်ထန် အလေးပေးပြောကြားခဲ့သည်နှင့်အများဆုံး browser များကြောင့်ရဲရင့်အမျိုးအစားဖော်ပြရန်လိမ့်မယ်။ဤဥပမာနှစ်ခုစလုံးအတွက်ကျနော်တို့က HTML နှင့်အတူအမြင်အာရုံကြည့်အဆုံးအဖြတ်ကြသည်မဟုတ်။ အဆိုပါ tag ကိုစာလုံးစောင်းလိမ့်မယ်နှင့် ရဲရင့်ပါလိမ့်မယ်, ဒါပေမယ့်သူတို့အရူပအလွယ်တကူ CSS ကိုပြောင်းလဲနိုင်၏ဟုတ်ပါတယ်, ကို default အသှငျအပွငျ။ ဤသည်နှစ်ဦးစလုံးကမ္ဘာ၏အကောင်းဆုံးဖြစ်ပါတယ်။ သင်အမှန်တကယ်မျဉ်းကိုဖြတ်ကူးခြင်းနှင့်ဖွဲ့စည်းပုံနှင့်အစတိုင်လ်ရောစပ်မရှိဘဲသင်၏စာရွက်စာတမ်းများတွင်စာလုံးစောငျးသို့မဟုတ်ရဲရင့်သောစာသားရဖို့ကို default browser ကိုစတိုင်များမူတည်ပြီးနိုင်ပါတယ်။ သင် CSS ကိုမှဒီ add နိုင်, သငျသညျ စာသားကိုစာလုံးမည်းဖြစ်မသာ, ဒါပေမယ့်လည်းအနီရောင်ဖြစ်ကြောင်းလိုချင်ဆိုရမည်
{အားကောင်းတဲ့
color: red;
}
သောက default ဖြစ်ပါတယ်ကတည်းကဒီဥပမာမှာ, သင်ရဲရင့် font-weight ကိုတော့များအတွက်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုထည့်သွင်းဖို့မလိုအပ်ပါဘူး။ သငျသညျအခွင့်အလမ်းကိုစွန့်ခွာချင်ကြဘူးဆိုရငျ, သို့သော်သင်အမြဲထဲမှာ add နိုင်:
{အားကောင်းတဲ့
font-အလေးချိန်: ရဲရင့်;
color: red;
}
အခုဆိုရင်သင်တို့ရှိသမျှသည်ဖြစ်ပေမယ့် tag ကိုအသုံးပြုသည်နေရာတိုင်းမှာရဲရင့် (နှင့်အနီ) ကိုစာသားနှင့်အတူစာမျက်နှာရှိသည်ဖို့အာမခံချက်လိမ့်မယ်။
ကိုအဓိကထားအပေါ် Up ကိုနှစ်ဆတိုး
ငါတစ်နှစ်ကျော်ကသတိပြုမိကြရာတစ်ခုမှာသင်ကအလေးပေးပေါ်တက်နှစ်ဆဖို့ကြိုးစားလျှင်ဘာဖြစ်သွားမလဲဆိုတာကိုဖြစ်ပါတယ်။ ဥပမာ:
ဤသည်ကိုစာသားနှစ်ခုလုံးကို ကအတွင်းပိုင်း စာသားကို bolded နှင့် italicized ရှိသင့်ပါတယ်။သင်ဤလိုင်းရဲရင့်ခြင်းနှင့်စာလုံးစောင်းကြောင်းစာသားကိုရှိကြောင်းဧရိယာထုတ်လုပ်မယ်လို့ထင်လိမ့်မယ်။ တစ်ခါတစ်ရံဒီအအမှန်ပင်ဖြစ်ပျက်ပါဘူး, ဒါပေမယ့်ငါအချို့သော browser များသာနှစ်ခုအလေးပေးစတိုင်များ၏ဒုတိယ, ဆိုတဲ့မေးခွန်းကိုအတွက်အမှန်တကယ်စာသားကိုမှတအနီးဆုံးကိုဂုဏ်ပြုတဲ့, သာစာလုံးစောင်းအတိုင်းဤဖော်ပြရန်မြင်ကြပြီ။ ဤသူသည်ငါအလေးပေး tags များပေါ်တက်နှစ်ဆပါဘူးရတဲ့အကြောင်းရင်းတစ်ခုဖြစ်ပါသည်။
ဒီ "တက်နှစ်ဆ" ကိုရှောင်ကြဉ်ရန်နောက်ထပ်အကြောင်းပြချက် stylist ရည်ရွယ်ချက်များအဘို့ဖြစ်၏။ သငျသညျကိုသတ်မှတ်လိုသေံသိရှိစေရန်ပုံမှန်အားဖြင့်လုံလောက်အောင်အလေးပေးတစ်ခုမှာပုံစံပါ။ သင်, ရဲရင့်ဖို့လိုတယ် italicize, အရောင်, ကျယ်စေနှင့်ထွက်ရပ်တည်ရန်အဘို့အမိန့်စာသားလည်းထင်ရှားစေကြပါဘူး။ အဲဒီစာသား, အလေးပေး၌ရှိသမျှသောသူတို့အားအမျိုးမျိုးကြလိမ့်မည်ကို garish ဖြစ်လာလိမ့်မယ်။ အလေးပေးများကိုကြောင့် overdo ပါဘူးအလေးပေး tags များသို့မဟုတ် CSS ကိုစတိုင်များတွေကိုအသုံးပြုတဲ့အခါဒီတော့သတိထားပါ။
Bold နဲ့စာလုံးစောငျးထားအပေါ်တစ်ဦးကမှတ်ချက်
တစ်ခုမှာနောက်ဆုံးအတွေး - ထိုရဲရင့်နေစဉ် () နှင့်စာလုံးစောင်း ( သည်) tags များမရှိတော့စာသား inline ဒေသများ style ဤ tag တွေကိုသုံးကြပါတယ်တဲ့သူတချို့က်ဘ်ဆိုက်ဒီဇိုင်းရှိပါတယ်, အလေးပေးဒြပ်စင်အဖြစ်အသုံးပြုခံရဖို့အကြံပြုထားတာဖြစ်ပါတယ်။ အခြေခံအားဖြင့်သူတို့တစ်တွေ element မှာလိုမျိုးအသုံးပြုနိုင်ပါတယ်။ ဒါက tags များအလွန်တိုတောင်းသောကြောင့်ကောင်းတဲ့ဖြစ်ပါသည်, သို့သော်ဤထုံးစံ၌ကဤဒြပ်စင်ကို အသုံးပြု. ယေဘုယျအားအကြံပြုသည်မဟုတ်။ ငါအမှု၌သင်တို့ကိုရဲရင့်သို့မဟုတ်စာလုံးစောငျးစာသားကိုဖန်တီးဖို့မသုံးတချို့က်ဘ်ဆိုက်များပေါ်တွင်ရှိကထွက်တွေ့မြင်အတွက်ဖော်ပြထားခြင်း, ဒါပေမယ့်အမြင်အာရုံပုံစံအချို့နဲ့အခြားမျိုးများအတွက် CSS ကိုချိတ်ဖန်တီးရန်။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 12/2/16 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်။