link tag

link tag သည် CSS ဖိုင်များကို HTML စာမျက်နှာပေါ်သို့ ချိတ်ဆက်ပေးပါသည်။ ထို့အပြင်၊ link tag သည် favicon ကဲ့သို့ အခြားဖိုင်အချို့ကိုလည်း ချိတ်ဆက်ပေးပါသည်။ (Favicon ဆိုသည်မှာ ဘရောက်ဆာအဖွင့်စာမျက်နှာ tab တွင် မြင်ရသော ဝဘ်ဆိုက်တံဆိပ်အသေးစားဖြစ်ပါသည်။ ၎င်းကို Yandex ကဲ့သို့ ရှာဖွေရေးအင်ဂျင်များတွင် ဝဘ်ဆိုက်များဘေးတွင် ရှာဖွေသည့်အခါ တွေ့မြင်နိုင်ပါသည်။)

ဤ tag တွင် attribute အများအပြားရှိပြီး ၎င်းတို့သည် ကွဲပြားသောတန်ဖိုးများကို လက်ခံနိုင်သော်လည်း၊ တကယ့်လက်တွေ့ဘဝတွင် ၎င်းတို့အားလုံးနီးပါး အသုံးမပြုကြပါ။ လူသိအများဆုံးမှာ CSS ချိတ်ဆက်ခြင်းနှင့် favicon ထည့်သွင်းခြင်းဖြစ်သည်။

CSS ကို မည်သို့ချိတ်ဆက်ရမည်နည်း။

<link rel="stylesheet" href="style.css">

Favicon ကို မည်သို့ချိတ်ဆက်ရမည်နည်း။

<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">

link tag သည် ပိတ်ထားရန် tag မလိုအပ်ပါ။

Attributes

Attribute	ဖော်ပြချက်
`href`	ချိတ်ဆက်မည့်ဖိုင်သို့ လမ်းကြောင်း။
`media`	ဖိုင်ချိတ်ဆက်သင့်သည့် ကိရိယာအမျိုးအစား။ ဆိုလိုသည်မှာ - သင်သည် မျက်နှာပြင်ကြီးများအတွက်သာ (တန်ဖိုး `screen`) သို့မဟုတ် မိုဘိုင်းဖုန်းများ သို့မဟုတ် တက်ဘလက်များကဲ့သို့ မျက်နှာပြင်ငယ်များအတွက်သာ (တန်ဖိုး `handheld`) CSS ဖိုင်ကို ချိတ်ဆက်နိုင်သည်။ ဖြစ်နိုင်သော တန်ဖိုးများ: `all`, `braille`, `handheld`, `print`, `screen`, `speech`, `projection`, `tty`, `tv`. အောက်တွင်ကြည့်ရှုပါ။
`rel`	ချိတ်ဆက်မည့်ဖိုင်အမျိုးအစား။ ဖြစ်နိုင်သော တန်ဖိုးများ: `stylesheet` \| `alternate`. တန်ဖိုး `stylesheet` သည် CSS ဖိုင်ချိတ်ဆက်ကြောင်း ညွှန်ပြသည်၊ တန်ဖိုး `alternate` ကို ဥပမာအားဖြင့် သတင်းလွှာ၊ ဆောင်းပါးကြေညာချက်များကို ဖော်ပြရန် XML format ဖိုင်သို့ လင့်ခ်ကို ဖော်ပြရာတွင် အသုံးပြုသည်။
`charset`	ချိတ်ဆက်မည့်ဖိုင်၏ encoding။ လက်ရှိစံနှုန်းမှာ `utf-8` ဖြစ်သည်။
`type`	ချိတ်ဆက်မည့်ဖိုင်၏ အချက်အလက်အမျိုးအစား။

media attribute ၏ တန်ဖိုးများ

HTML5 တွင် တန်ဖိုးများအဖြစ် media queries များကို သတ်မှတ်နိုင်သည်။

တန်ဖိုး	ဖော်ပြချက်
`all`	ကိရိယာအားလုံး။
`screen`	မော်နီတာမျက်နှာပြင်။
`handheld`	ဖုန်းများ၊ စမတ်ဖုန်းများ၊ မျက်နှာပြင်ငယ်သော ကိရိယာများ။
`braille`	မျက်မမြင်လူများအတွက် ရည်ရွယ်ထားသော ဘရိုင်းစနစ်ပေါ်အခြေခံသည့် ကိရိယာများ။
`speech`	စကားပြောစွမ်းရည်ရှိသော စကားပြောထုတ်လုပ်သည့်ကိရိယာများ၊ စာသားများကို အသံထွက်ဖတ်ရှုပေးသည့် ပရိုဂရမ်များ။ စကားပြောဘရောက်ဆာများလည်း ဤအုပ်စုတွင်ပါဝင်သည်။
`print`	ပရင့်ထုတ်စက်များ။
`projection`	ပရိုဂျက်တာများ။
`tty`	တယ်လီတိုက်စက်များ၊ terminal များ၊ မျက်နှာပြင်စွမ်းရည် ကန့်သတ်ချက်ရှိသော သယ်ဆောင်နိုင်သည့် ကိရိယာများ။ ယင်းတို့အတွက် တိုင်းတာမှုယူနစ်အဖြစ် pixels များကို အသုံးမပြုသင့်ပါ။
`tv`	�ဘ်စာမျက်နှာများကို ဖွင့်နိုင်သည့် တီဗွီများ (ထိုသို့သော အရာများလည်းရှိပါသည်)။

စံထားရှိသော တန်ဖိုး: all.

ဥပမာ

အခြေခံအကျဆုံး HTML စာမျက်နှာ၏ တည်ဆောက်ပုံကို ကြည့်ကြပါစို့၊ ယင်းတွင် CSS ဖိုင်များနှင့် favicon ချိတ်ဆက်ခြင်းကို ထည့်သွင်းမည်။

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style1.css">
		<link rel="stylesheet" href="style2.css" media="screen">
		<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
	</body>
</html>

ဤသည်ကိုလည်း ကြည့်ပါ

style tag,
အရာ၏တိုက်ရိုက် CSS ကို စာမျက်နှာပေါ်တွင် ထည့်သွင်းပေးသည်
style attribute,
အရာသည်သီးခြား tag အတွက် style များကို သတ်မှတ်ပေးသည်