HTML <title> Element
<title> tag က document ရဲ့ ေခါင္းစဥ္အျဖစ္ သတ္မွတ္ပါတယ္။title element က HTML/XHTML document အားလုံးမွာလုိအပ္ပါတယ္။
title element —
- browser (ဘေရာက္ဆာ) toolbar ေပၚက ေခါင္းစဥ္ျဖစ္ပါတယ္။
- favorite လုပ္လုိက္တဲ့ ဝဘ္စာမ်က္ႏွာ အတြက္လည္း ေခါင္းစဥ္ကိုျပေပးမွာျဖစ္ပါတယ္။
- search-engine ကရွာေပးတဲ့ result ေတြမွာလည္း ေခါင္းစဥ္ကို သုံးမွာျဖစ္ပါတယ္။
<!DOCTYPE html>
<html>
<head>
<title> document ရဲ့ေခါင္းစဥ္</title>
</head>
<body>
document ရဲ့ content
</body>
</html>
HTML <base> Element
<base> tag ဆုိတာက စာမ်က္ႏွာတစ္ခုရဲ့ Link အားလုံးအတြက္ default လိပ္စာ ဒါမွ မဟုတ္ default target တစ္ခုကုိ အျမဲညႊန္းဖုိ႔သုံးတယ္ —<head>
<base href="http://www.soemoeaung.com/images/" />
<base target="_blank" />
</head>
HTML <link> Element
<link> tag ဆုိတာက document တစ္ခုနဲ႔တစ္ခု ဒါမွမဟုတ္ တစ္ခုထဲအမွာပဲ ဆက္ႏြယ္ခ်က္ကုိ သတ္မွတ္ပါတယ္။<link> tag ကုိ style sheet ေတြနဲ႔ ခ်ိတ္ဖို႔လည္းအသုံးမ်ားပါတယ္။
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
HTML <style> Element
<style> tag ကုိ HTML document ထဲကုိ style အခ်က္အလက္ေတြသြင္းဖုိ႔သုံးပါတယ္။style element ထဲမွာ HTML element ေတြကုိ browser (ဘေရာက္ဆာ) မွာဘယ္လုိ ေပၚခ်င္လဲဆုိတာကုိ သတ္မွတ္ႏုိင္ပါတယ္။
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
HTML <meta> Element
Metadata ဆုိတာ data ေတြရဲ့ အခ်က္လက္ျဖစ္ပါတယ္။<meta> tag ေတြက HTML document ေတြရဲ့ အခ်က္အလက္ကုိေဖာ္ျပပါတယ္။ Metadata ကေတာ့ စာမ်က္ႏွာ မွာေပၚမွာ မဟုတ္ပါ၊ စက္ကုိဖတ္လုိ႔ရေအာင္ပဲ ကူညီေပးတာပါ။
Meta element ေတြကုိ စာမ်က္ႏွာ အေၾကာင္းအရာေတြ၊ Keyword ေတြ၊ document ေရးသားသူအမည္၊ ေနာက္ဆုံး Update လုပ္ခဲ့တဲ့ ေန႔စြဲေတြနဲ႔ Metadata ေတြကို အထူးျပဳဖို႔သုံးၾကပါတယ္။
<meta> tag ေတြက head element ထဲမွာအျမဲရွိရပါတယ္။
metadata ေတြကုိ browser (ဘေရာက္ဆာ) ေတြကသုံးပါတယ္။ (content ေတြကုိ ဘယ္လုိျပမလဲဆိုတာမ်ိဳးအတြက္ပါ)၊ search engine ေတြကလည္းသုံးပါတယ္။ (keyword ေတြကုိရွာဖုိ႔အတြက္ပါ)၊ ေနာက္ျပီး web ဝန္ေဆာင္မႈလုပ္ငန္းေတြကလည္း သုံးၾကပါတယ္။
Search Engine ေတြအတြက္ Keyword မ်ား
တစ္ခ်ိဳ႕တဲ့ search engine ေတြက meta element ေတြရဲ့ အမည္နဲ႔ content attribute ေတြကုိေရးထားတဲ့ စာမ်က္ႏွာကို ရွာဖုိ႔အတြက္ သုံးပါတယ္။ေအာက္က meta element ေတြက စာမ်က္ႏွာပါ အေၾကာင္းအရာေတြကုိ အတည္ျပဳေပးပါတယ္။
<meta name="description" content="အခမဲ့ HTML သင္ခန္းစာ " />
ေအာက္က meta element ေတြက စာမ်က္ႏွာပါ Keyword ေတြကုိ သတ္မွတ္ေပးပါတယ္။<meta name="Keywords" content="HTML " />
name နဲ႔ content attribute ေတြရဲ့ ဆက္ႏြယ္မႈက စာမ်က္ႏွာ ရဲ့ content ကုိသိေစဖုိ႔ျဖစ္ပါတယ္။ HTML <script> Element
<script> tag ေတြကုိ JavaScript လုိမ်ိဳး client-side script ေတြသုံးဖုိ႔သုံးပါတယ္။HTML head Element မ်ား
| Tag | အေၾကာင္းအရာ |
|---|---|
| <head> | Document ရ့ဲ အခ်က္အလက္ အျဖစ္သတ္မွတ္ပါတယ္။ |
| <title> | Document ရဲ့ေခါင္းစဥ္ အျဖစ္သတ္မွတ္ပါတယ္။ |
| <base /> | စာမ်က္ႏွာတစ္ခုေပၚက link အားလုံးအတြက္ default လိပ္စာ ဒါမွ မဟုတ္ default target အျဖစ္သတ္မွတ္ပါတယ္။ |
| <link /> | document တစ္ခုအမွားနဲ႔ external resource ေတြအၾကားဆက္ႏြယ္မႈ အျဖစ္သတ္မွတ္ပါတယ္။ |
| <meta /> | HTML document အတြက္ metadata အျဖစ္သတ္မွတ္ပါတယ္။ |
| <script> | client-side script အျဖစ္သတ္မွတ္ပါတယ္။ |
| <style> | Document တစ္ခုအတြက္ style အခ်က္အလက္ အျဖစ္သတ္မွတ္ပါတယ္။ |
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
0 comments:
Post a Comment