এখানে HTML এর বেশ কিছু ট্যাগের ব্যবহারপদ্ধতি আলোচনা করা হলো। বিশেষ করে সিএসএস ফাইল কলকরা, সার্চইঞ্জিনের মেটা ও হেড অংশের আরও কিছু ট্যাগের ব্যবহার দেখবো।
ডকটাইপ
এইচটিএমএল ফাইল ব্রাউজারে লোড হলে ডকটাইপ সহজেই ইন্টারপ্রেট করতে পারে। আর তাই ডকটাইপ দরকারী।
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
সিএসএস নিয়ে কাজ করা
সিএসএস তিনভাবে প্রকাশ করা যায়
১. বাইরের সিএসএস ফাইল কল করার মাধ্যমে
২. স্টাইল উল্লেখ করে তার ভেতরে কোড লিখে
৩. লাইনে লাইনে
১. বাইরের সিএসএস ফাইল কল করার মাধ্যমে
যে কোন নোট প্যাডে সিএসএস কোড লিখে তা .css ফরমেটে সেভ করতে হবে
মনে করি একটি সিএসএস ফাইল mystyle.css । mystyle.css ফাইলে নিচের কোড আছে
hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");}
এই ফাইলটি কল করার জন্য নিচের html কোড লিখতে হবে।
<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
যেখানে অনেকগুলো পাতার জন্য স্টাইল লিখতে হবে সেখানে বাইরের সিএসএস ফাইল কল করার মাধ্যমে কাজ করাই সুবিধাজনক
২. HTMLফইলে স্টাইল উল্লেখ করে তার ভেতরে কোড লিখে
একই পাতার জন্য স্টাইল ব্যবহার করার ক্ষেত্রে HTMLফইলেই CSS কোড লেখা যায়। <style type=”text/css”> … </style> এর মধ্যে CSS কোড লিখতে হয়। নিচের প্রোগ্রামটি দেখুন।
<head>
<style type=”text/css”>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
</style>
</head>
৩. লাইনে লাইনে সিএসএস কোড লিখে
নিচের মতোও লাইনে লাইনে সিএসএস কোড লিখে কাজ করার যায়। তবে এটাতে ভুল হওয়ার সম্ভাবনা আছে।
<p style=”color:sienna;margin-left:20px”>This is a paragraph.</p>
টাইটেল <title> ট্যাগ
টাইটেল ট্যাগের অংশের টেক্সট পাতাটির টাইটেলবারে প্রকাশ করা হয়। অনেক সময় বুকমার্ক বা ফেবারিট করলেও টাইটেল ট্যাগের টেক্সটটি যুক্ত হয়ে যায়। আবার সার্চ ইঞ্জিগুলোও পাতাটি ইনডেক্স করলে টাইটেল টেক্সটটাকেই দেখায়। গুগলসহ বেশিভাগ সার্চ ইঞ্জিন একটা নিদিষ্ট সংখ্যক শব্দ টাইটেল টেক্সটে দেখায়।
এই ট্যাগটি <head></head> ভিতরে লিখতে হয়।
মেটা ট্যাগ
<meta> ট্যাগের ভেতরের অংশ পৃষ্ঠায় প্রদর্শিত হয় না। কিন্তু বিভিন্নভাবে ওয়েবে ব্যবহৃত হতে পারে। মেটা ট্যাগের মাধ্যমে পৃষ্ঠার বর্ননা, লেখকের নাম বা সার্চইঞ্জিনের বান্ধব কীওয়ার্ডও দেওয়া হতে পারে।
সব সময়ই মেটা ট্যাগ <head></head> ভিতরে লিখতে হয়।
মেটা ট্যাগ লেখার নিয়ম মূলতঃ এরকম
<meta name=”description” content=”Free Web tutorials on HTML, CSS, XML” />
<meta name=”keywords” content=”HTML, CSS, XML” />
অনেক ওয়েবমাষ্টাররা মেটা ট্যাগে অনেক সময় স্প্যামিং এর উদ্দেশ্যও সম্পর্কহীন শব্দ ব্যবহার করে বেড়ায় তাই দিন দিন এই কীওয়ার্ড থেকে সরে যেতে চাইছে অনেক সার্চ ইঞ্জিনগুলো।
বহু দিন পর কোন পোস্ট পেলাম। তাও আবার আমার প্রিয় ওয়ব ডেভলপ নিয়ে। যদিও প্রাথমিক বিষয় কিন্তু ঝালাই হয়ে গেল। এতদিন লিখেন নি কেন?
ভালো একটা পোস্ট দিয়েছেন ভাই খুবই উপকৃত হলাম।
দরকারী পোষ্ট, নতুন দের অনেক কাজে আসবে
Boss
Thinks to declare meta tag
ভাল একটি পোস্ট দেওয়ার জন্য আপনাকে ধন্যবাদ
আমি একটি ব্লগস্পট সাইট করেছি আপনারা দেখতে পারেন এবং আপনাদের ভাল লাগবে। সাইটটি হল
http://www.allinfobd24.blogspot.com