HTML <head> Tag
ဥပမာ
ဦးခေါင်းကဏ္ဍအတွင်း <title> တဂ်ပါသော ရိုးရှင်းသော HTML စာရွက်စာတမ်း။
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်သည် မက် <head>
တာဒေတာ (ဒေတာအကြောင်းဒေတာ) အတွက် ကွန်တိန်နာတစ်ခုဖြစ်ပြီး <html> တဂ်နှင့် <body> တဂ်ကြားတွင် ထားရှိထားသည်။
မက်တာဒေတာသည် HTML စာရွက်စာတမ်းနှင့်ပတ်သက်သည့် ဒေတာဖြစ်သည်။ မက်တာဒေတာကို မပြသပါ။
မက်တာဒေတာသည် ပုံမှန်အားဖြင့် စာရွက်စာတမ်းခေါင်းစဉ်၊ ဇာတ်ကောင်အစုံ၊ စတိုင်များ၊ ဇာတ်ညွှန်းများနှင့် အခြားမက်တာအချက်အလက်များကို သတ်မှတ်ပေးသည်။
အောက်ပါဒြပ်စင်များသည် <head>
ဒြပ်စင်အတွင်းသို့ ဝင်ရောက်နိုင်သည်-
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<head>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
နောက်ထပ် ဥပမာများ
ဥပမာ
<base> တဂ် (စာမျက်နှာတစ်ခုပေါ်ရှိ လင့်ခ်များအားလုံးအတွက် မူရင်း URL နှင့် ပစ်မှတ်ကို သတ်မှတ်သည်) <head> အတွင်းသို့ ရောက်သွားသည် -
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
ဥပမာ
<style> tag (စာမျက်နှာတစ်ခုသို့ စတိုင်အချက်အလက်ကို ပေါင်းထည့်သည်) <head> အတွင်းသို့ ရောက်သွားသည် -
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
ဥပမာ
<link> တဂ် ( ပြင်ပစတိုင်စာရွက်သို့ လင့်ခ်များ) သည် <head> အတွင်းသို့ ရောက်သွားသည်-
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML Head
HTML DOM ရည်ညွှန်းချက်- Head Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <head>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
head {
display: none;
}