এইচটিএমএল এলিমেন্ট - HTML Element

এইচটিএমএল এলিমেনট হল স্টার্ট ট্যাগ থেকে শুরু করে ক্লোজিং ট্যাগ পর্যন্ত সমস্ত কিছু। ব্যাপারটা আরও ভালভাবে বোঝার জন্য আমরা একটি পারাগ্রাফ এর কথা বিবেচনা করি।

কোন প্যারাগ্রাফ লিখতে হলে আমরা প্যারাগ্রাফ এর স্টার্টিং বা ওপেনিং ট্যাগ অর্থাৎ <p> দিয়ে শুরু করি তারপর প্যারাগ্রাফ এর বিষয়বস্তু এবং সর্বশেষে আমরা প্যারাগ্রাফ এর ক্লোজিং বা এন্ড ট্যাগ অর্থাৎ </p> দিয়ে শেষ করি।

এইচটিএমএল এলিমেনটের বৈশিষ্ট্য

কোন এইচটিএমএল এলিমেনটের কিছু বৈশিষ্ট্য থাকে, নিছে আগুল দেখুন।

• স্টার্ট ট্যাগ বা ওপেনিং (Opening) ট্যাগ দিয়ে শুরু হয়,
• ক্লোজিং ট্যাগ বা এন্ড (End) ট্যাগ দিয়ে শেষ হয়,
• স্টার্ট ও ক্লোজিং ট্যাগ এর মাঝে এলিমেনট কন্টেন্ট থাকে,
• কিছু এলিমেনট স্টার্ট ট্যাগেই শেষ বা ক্লোজ হতে পারে যেমন - <image/> ট্যাগ,
• অধিকাংশ এইচটিএমএল এলিমেনটেরই এট্রিবিউট আছে,

• এইচটিএমএল এলিমেনট নেষ্টিং

  সমস্ত এইচটিএমএল ডকুমেন্টই অনেকগুলো এলিমেনট এর সমন্বয়ে গঠিত হয়। সাধারণত এইচটিএমএলের প্রতিটা এলিমেনটই অন্য কোন এইচটিএমএল এলিমেনট ধারণ করে। যখন একটি এলিমেনটের ভিতর অন্য আরেকটি এলিমেনট অবস্থান করে তখন তাকে নেষ্টেড এলিমেনট বলে। একটি উপাদানের মাঝে অন্য আরেকটি উপাদান স্থাপন করাই হল নেষ্টিং।

নেষ্টিং এর নিয়ম

এইচটিএমএল নেষ্টিং কতগুলো নিয়ম মেনে চলে। সেগুলো হল -

• প্রত্যেক উপাদান পুরোপুরি নেষ্টেড হতে হবে,
• সঠিক ক্রম অনুসারে নেষ্টিং করতে হবে,
• ব্লক লেভেল উপাদানকে অন্য ব্লক লেভেল উপাদানের মাঝে নেষ্টিং করা যাবে,
• ব্লক লেভেল উপাদানকে টেক্সট লেভেল উপাদানের মাঝে নেষ্টিং করা যাবে না,

Empty এলিমেন্ট

কতগুলো এইচটিএমএল এলিমেন্ট আছে জেগুলোর কোন শেষ বা closeing ট্যাগ নেই। যেমন - <img>, <hr>, <br> ইত্যাদি। এগুলো কে empty ট্যাগ বলে।

Lowercase ট্যাগ ব্যবহার করুন

এইচটিএমএল ট্যাগ গুলো কিন্তু কেজ সেন্সিটিভ নয় অর্থাৎ <H1> এবং <h1> ট্যাগ, ব্রাউজারে একই কাজ করবে।

এইচটিএমএল ৫.০ এর স্ট্যান্ডার্ডে Lowercase ট্যাগ ব্যবহার করার জন্য কোন রকম বাধ্য-বাদ্ধকতা নেই। কিন্তু W3C এইচটিএমএল-এ Lowercase বা ছোট হাতের অক্ষর ব্যবহার করার জন্য সমর্থন করে এবং XHTML এর মতো স্ট্রাইকার ডকুমেন্টের জন্য ছোট হাতের অক্ষরগুলি ব্যবহার করার সমর্থন করে।