သင့်ရဲ့စာမျက်နှာပေါ်တွင်ဒီဇိုင်းအပိုင်း Creating
ခေါင်းစဉ်, သင်၏စာသားစည်းရုံးအသုံးဝင်သောကွဲပြားခြင်းဖန်တီးဖို့နဲ့ရှာဖွေရေးအင်ဂျင်အဘို့သင့်ကွန်ရက်စာမျက်နှာပိုကောင်းအောင်တစ်ဦးအသုံးဝင်သောနည်းလမ်းတစ်ခုရှိပါတယ်။ သင်အလွယ်တကူ tags များဦးတည် HTML ကို အသုံးပြု. ခေါင်းစဉ်ဖန်တီးနိုင်ပါတယ်။ သင်တို့သည်လည်းရဲရင့်ခြင်းနှင့်စာလုံးစောင်း tags များနှင့်အတူသင်၏စာသား၏အသွင်အပြင်ကိုပြောင်းလဲနိုင်ပါတယ်။
ခေါင်းစဉ်
tags များဦးတည်သင့်ရဲ့စာရွက်စာတမ်းတက်ကိုဝေရန်အရိုးရှင်းဆုံးနည်းလမ်းဖြစ်သည်။ သင်တစ်ဦးကသတင်းစာအဖြစ်သင့် site ၏ထင်လျှင်, ထိုခေါင်းစဉ်သတင်းစာပေါ်ခေါင်းကြီးပိုင်းတွင်ဖြစ်ကြသည်။ အဓိကခေါင်းစဉ်တစ်ခု h1 နှင့်နောက်ဆက်တွဲခေါင်းစဉ် h6 မှတဆင့် h2 နေကြသည်ဖြစ်ပါတယ်။
HTML ကိုဖန်တီးရန်အောက်ပါကုဒ်များကိုသုံးပါ။
h1> ဒါကဒီ 3 h3> ခေါင်းစီး 2 h2> ခေါင်းစီးဖြစ်ပါတယ်ဒီဒီခေါင်းစီးနေသည် 4 h4> ခေါင်းစီးနေသည် 1 ခေါင်းစီးနေသည် 5 H5> ဒါက 6 h6> ခေါင်းစီးနေသည် ကိုသတိရပါမှသိကောင်းစရာများ
- တစ်ဦးယုတ္တိနိုင်ရန်အတွက်သင့်ရဲ့ခေါင်းစဉ်ကိုစောင့်ရှောက်ရန်ကြိုးစားပါ, h1 ဒါအပေါ် h3 မတိုင်မီလာများနှင့်အရာ, h2 မတိုင်မီထွက်ပေါ်လာခြင်းဖြစ်သည်။
- အဆိုပါခေါင်းစဉ်ကိုကြည့်-သင်တို့ဆီသို့ CSS ကိုအသုံးပြုသင့်ပါတယ်ဘယ်လိုသိပ်မပူပါနဲ့ ခေါင်းကြီးပိုင်းတွင် style မဟုတ်ဘဲအမိန့်များထဲကတစ်ဦးခေါင်းစဉ်ကို အသုံးပြု. ထက်။
- ခေါင်းကြီး tags များဖြစ်ကြသည် ပိတ်ပင်တားဆီးမှု-Level ဒြပ်စင် , ဒါသူတို့သင်တို့အဘို့အလိုင်းအားလပ်ချိန်၌ထား၏။ tags များဦးတည်အတွင်းပိုင်း P ကို tags များမတင်ပါနှင့်။
ရဲရင့်ခြင်းနှင့်စာလုံးစောင်း
ခေါင်းစီး 2 h2> ခေါင်းစီးဖြစ်ပါတယ်ဒီဒီခေါင်းစီးနေသည် 4 h4> ခေါင်းစီးနေသည် 1 ခေါင်းစီးနေသည် 5 H5> ဒါက 6 h6> ခေါင်းစီးနေသည် ကိုသတိရပါမှသိကောင်းစရာများ
- တစ်ဦးယုတ္တိနိုင်ရန်အတွက်သင့်ရဲ့ခေါင်းစဉ်ကိုစောင့်ရှောက်ရန်ကြိုးစားပါ, h1 ဒါအပေါ် h3 မတိုင်မီလာများနှင့်အရာ, h2 မတိုင်မီထွက်ပေါ်လာခြင်းဖြစ်သည်။
- အဆိုပါခေါင်းစဉ်ကိုကြည့်-သင်တို့ဆီသို့ CSS ကိုအသုံးပြုသင့်ပါတယ်ဘယ်လိုသိပ်မပူပါနဲ့ ခေါင်းကြီးပိုင်းတွင် style မဟုတ်ဘဲအမိန့်များထဲကတစ်ဦးခေါင်းစဉ်ကို အသုံးပြု. ထက်။
- ခေါင်းကြီး tags များဖြစ်ကြသည် ပိတ်ပင်တားဆီးမှု-Level ဒြပ်စင် , ဒါသူတို့သင်တို့အဘို့အလိုင်းအားလပ်ချိန်၌ထား၏။ tags များဦးတည်အတွင်းပိုင်း P ကို tags များမတင်ပါနှင့်။
ရဲရင့်ခြင်းနှင့်စာလုံးစောင်း
ခေါင်းစီးနေသည် 1 ခေါင်းစီးနေသည် 5 H5> ဒါက 6 h6> ခေါင်းစီးနေသည် ကိုသတိရပါမှသိကောင်းစရာများ
- တစ်ဦးယုတ္တိနိုင်ရန်အတွက်သင့်ရဲ့ခေါင်းစဉ်ကိုစောင့်ရှောက်ရန်ကြိုးစားပါ, h1 ဒါအပေါ် h3 မတိုင်မီလာများနှင့်အရာ, h2 မတိုင်မီထွက်ပေါ်လာခြင်းဖြစ်သည်။
- အဆိုပါခေါင်းစဉ်ကိုကြည့်-သင်တို့ဆီသို့ CSS ကိုအသုံးပြုသင့်ပါတယ်ဘယ်လိုသိပ်မပူပါနဲ့ ခေါင်းကြီးပိုင်းတွင် style မဟုတ်ဘဲအမိန့်များထဲကတစ်ဦးခေါင်းစဉ်ကို အသုံးပြု. ထက်။
- ခေါင်းကြီး tags များဖြစ်ကြသည် ပိတ်ပင်တားဆီးမှု-Level ဒြပ်စင် , ဒါသူတို့သင်တို့အဘို့အလိုင်းအားလပ်ချိန်၌ထား၏။ tags များဦးတည်အတွင်းပိုင်း P ကို tags များမတင်ပါနှင့်။
ရဲရင့်ခြင်းနှင့်စာလုံးစောင်း
ကိုသတိရပါမှသိကောင်းစရာများ
- တစ်ဦးယုတ္တိနိုင်ရန်အတွက်သင့်ရဲ့ခေါင်းစဉ်ကိုစောင့်ရှောက်ရန်ကြိုးစားပါ, h1 ဒါအပေါ် h3 မတိုင်မီလာများနှင့်အရာ, h2 မတိုင်မီထွက်ပေါ်လာခြင်းဖြစ်သည်။
- အဆိုပါခေါင်းစဉ်ကိုကြည့်-သင်တို့ဆီသို့ CSS ကိုအသုံးပြုသင့်ပါတယ်ဘယ်လိုသိပ်မပူပါနဲ့ ခေါင်းကြီးပိုင်းတွင် style မဟုတ်ဘဲအမိန့်များထဲကတစ်ဦးခေါင်းစဉ်ကို အသုံးပြု. ထက်။
- ခေါင်းကြီး tags များဖြစ်ကြသည် ပိတ်ပင်တားဆီးမှု-Level ဒြပ်စင် , ဒါသူတို့သင်တို့အဘို့အလိုင်းအားလပ်ချိန်၌ထား၏။ tags များဦးတည်အတွင်းပိုင်း P ကို tags များမတင်ပါနှင့်။
ရဲရင့်ခြင်းနှင့်စာလုံးစောင်း
သငျသညျရဲရင့်ခြင်းနှင့်စာလုံးစောင်းများအတွက်သုံးနိုငျလေး tags များရှိပါသည်:
- နဲ့ ရဲရင့်အဘို့
- နဲ့ စာလုံးစောင်းများအတွက်
သင်အသုံးပြုရသောဒါဟာအရေးမထားဘူး။ အချို့ နဲ့ ပိုနှစ်သက်ပေမယ့်များစွာသောလူ "ရဲရင့်" နှင့်မှတ်မိဖို့ ကိုစာလုံးစောင်းပိုမိုလွယ်ကူမှုအတွက် ကိုရှာပါ။ နေစဉ်တွင်
ရိုးရှင်းစွာအစာသားရဲရင့်သို့မဟုတ်စာလုံးစောင်းစေရန်, ဖွင့်ပွဲနှင့်ပိတ်ပွဲ tags များနှင့်အတူသင်၏စာသားဝန်းရံ:
စာလုံးမည်း b> ကိုစာလုံးစောင်း i> သည်သငျသညျအသိုက် (သင်ကစာသားရဲရင့်ခြင်းနှင့်စာလုံးစောင်းနှစ်ခုလုံးကိုဖြစ်စေနိုင်ပါတယ်ဆိုလိုတာက) ဤ tags များလုပ်နိုင်ကြောင့်ပြင်သို့မဟုတ်အတွင်းစိတ် tag ကိုဖြစ်သည့်အရေးမထားဘူး။
ဥပမာ:
ဤသည်ကိုစာသားရဲရင့်ဖြစ်ပါတယ်
ဒါကစာသားကိုစာလုံးမည်းဖြစ်ပါသည် strong>ဤသည်ကိုစာသားစာလုံးစောင်း၌တည်ရှိ၏
ဒါကစာသားကိုစာလုံးစောင်းဖြစ်ပါတယ် em>ဤသည်ကိုစာသားရဲရင့်ခြင်းနှင့်စာလုံးစောင်းနှစ်ခုလုံးဖြစ်ပါသည်
ဒါကစာသားကိုရဲရင့်ခြင်းနှင့်စာလုံးစောင်းနှစ်ခုလုံးဖြစ်ပါတယ် em> strong>Bold နဲ့စာလုံးစောငျးထား Tags: အဘယ်ကြောင့်မရှိတယ်နှစ်စုံ
HTML4 ခုနှစ်, နဲ့ ကို tags များစာသားကိုသာကြည့်ထိခိုက်ခြင်းနှင့်၎င်း tag ရဲ့ contents အကြောင်းကိုဘာမျှမပြောခဲ့စတိုင် tags များထည့်သွင်းစဉ်းစားခဲ့ကြ, သူတို့သုံးစွဲဖို့မကောင်းတဲ့ပုံစံကိုထည့်သွင်းစဉ်းစားခဲ့ပါတယ်။ ထို့နောက် HTML5 ကိုအတူသူတို့စာသား၏အသွင်အပြင်အပြင်ဘက်တွင်တစ် semantic အဓိပ္ပာယ်ကိုပေးထားခဲ့ကြသည်။
HTML5 ကိုတွင်ဤ tags များသတ်သတ်မှတ်မှတ်အဓိပ္ပါယ်များရှိသည်:
- ပတျဝနျးကငျြကစာသားထက်ပိုအရေးမပါကြောင်းကိုစာသားကိုရည်ညွှန်းပေမယ့်ပုံမှန်သတ်ပုံတင်ဆက်မှုထိုကဲ့သို့သောပြန်လည်သုံးသပ်အတွက်စာရွက်စာတမ်းစိတ္တဇသို့မဟုတ်ထုတ်ကုန်အမည်များအတွက်သော့ချက်စာလုံးများအဖြစ်ရဲရင့်သောစာသားဖြစ်ပါသည်။
- ကိုပတျဝနျးကငျြကစာသားထက်ပိုအရေးမပါကြောင်းကိုစာသားကိုရည်ညွှန်းပေမယ့်ပုံမှန်သတ်ပုံတင်ဆက်မှုထိုကဲ့သို့သောစာအုပ်ခေါင်းစဉ်, နည်းပညာဆိုင်ရာအသုံးအနှုန်း, သို့မဟုတ်အခြားဘာသာစကားမှာထားသောစာပိုဒ်တိုများအဖြစ်စာလုံးစောင်းစာသား, ဖြစ်ပါတယ်။
- ပတျဝနျးကငျြသောစာသားနှင့်နှိုင်းယှဉ်လျှင်တစ်ဦးသည်ခိုင်ခံ့အရေးပါမှုရှိတယ်လို့စာသားကိုရည်ညွှန်းတယ်။
- ပတျဝနျးကငျြသောစာသားနှင့်နှိုင်းယှဉ်လျှင်တစ်ဦးသော်လည်းလေးနက်စွာစိတ်ဖိစီးမှုရှိပါတယ်စာသားဆိုလိုသညျ။