HTML5 এর ধারবাহিক টিউটোরিয়ালে আপনাকে স্বাগতম। আজ আমরা আলোচনা করব HTML5 Semantic Elements নিয়ে। Semantics কে আমরা বলতে পারি ভাষার অর্থ বিষয়ক গবেষণা।
এখন প্রশ্ন হল Semantic Elements কি?
একটি Semantic Elements এর প্রধান কাজ হল পরিষ্কারভাবে ব্রাউজার এবং ডেভেলপার উভয় এর অর্থ বর্ণনা করা।
non-semantic elements এর উদাহরণ:
<div> and <span> - Tells nothing about its content.
semantic elements এর উদাহরণ:
<form>, <table>, and <img> - Clearly defines its content.
Semantic Elements কোন কোন Browser Support করে?
এক কথাই বলা যাই HTML5 semantic elements আধুনিক সকল Browser এই Support করে।
নতুন উপাদানসমূহ:
| <article> | নিবন্ধ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <aside> | সাধারণত সাইডবারের জন্য ব্যবহৃত হয় |
| <bdi> | একটি ভিন্ন দিক ফরম্যাটে লেখা প্রকাশের জন্য ব্যবহৃত হয় |
| <command> | কমান্ড বাটন সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <details> | অতিরিক্ত বিশদ ব্যাখ্যা ব্যবহারকারীর প্রদর্শন অথবা আড়াল করতে ব্যবহৃত হয় |
| <dialog> | ডায়লগ বক্স অথবা উইন্ডোতে সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <summary> | <details> উপাদানের সারমর্ম প্রদর্শনের জন্য ব্যবহৃত হয় |
| <figure> | চিত্রাঙ্কনের, ডায়াগ্রামে, ছবি, কোড তালিকা ইত্যাদির স্বয়ংসম্পূর্ণ বিষয়বস্তু নির্ধারণ করা হয় |
| <figcaption> | <figure> উপাদান জন্য ক্যাপশন ব্যবহৃত হয় |
| <footer> | একটি বিভাগের জন্য পাদচরণ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <header> | একটি বিভাগের জন্য হেডার সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <hgroup> | যখন একাধিক মাত্রার শিরোনাম থাকে, তখন <h1> থেকে <h6> উপাদানের সমষ্টিকে বুঝায় |
| <mark> | চিহ্নিত / হাইলাইট টেক্সট সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <meter> | একটি পরিচিত পরিসীমার মধ্যে স্কেলের পরিমাপ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <nav> | নেভিগেশন লিঙ্কগুলি সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <progress> | একটি টাস্ক অগ্রগতি প্রতিনিধিত্ব করে |
| <ruby> | রুবি টীকা সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <rt> | অক্ষরের একটি ব্যাখ্যা / উচ্চারণ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <rp> | Ruby টীকা সমর্থন করে না তা ব্রাউজারে দেখানোর জন্য ব্যবহৃত হয় |
| <section> | নথিতে একটি অধ্যায় সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <time> | তারিখ / সময় প্রদর্শনের জন্য ব্যবহৃত হয় |
| <wbr> | লাইন বিরতির জন্য ব্যবহৃত হয় |
| <audio> | শব্দ যুক্ত করার জন্য ব্যবহৃত হয় |
| <video> | ভিডিও যুক্ত করার জন্য ব্যবহৃত হয় |
| <source> | <video> এবং <audio> জন্য একাধিক মিডিয়া রিসোর্স যুক্ত করার জন্য ব্যবহৃত হয় |
| <embed> | একটি বহিরাগত অ্যাপ্লিকেশন অথবা ইন্টারেক্টিভ বিষয়বস্তুর জন্য একটি ধারক |
| <track> | <video> এবং <audio> এর জন্য টেক্সট গানগুলি সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় |
| <canvas> | গ্রাফিক্স আঁকতে ব্যবহৃত হয় |
| <datalist> | ইনপুট নিয়ন্ত্রণ জন্য পূর্ব নির্ধারিত অপশনের একটি তালিকা নির্দিষ্ট করে |
| <keygen> | key-জুটি জেনারেটরের জন্য ব্যবহৃত হয় |
| <output> | হিসাবের ফলাফল ব্যাখ্যা করার জন্য ব্যবহৃত হয় |
