This article is currently in the process of being translated into Bangla (~99% done).
What is HTML?
HTML (এইচটিএমএল) কি?
HTML একটি মার্কআপ ভাষা যা ওয়েবপেজগুলির সরলতম আকারকে বর্ণনা করতে ব্যবহৃত হয়। এটি ওয়েবপেজগুলির জন্য প্রধান মার্কআপ ভাষা। এইচটিএমএল হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HyperText Markup Language) -এর সংক্ষিপ্ত রূপ। ইন্টারনেট এক্সপ্লোরার, ফায়ারফক্স বা ক্রোমের মতো কোনও ওয়েব ব্রাউজার যখন কোনও ওয়েবপেজ প্রদর্শন করে, তখন এরা আসলে কোনও HTML ডকুমেন্ট পড়ে এবং তার ব্যাখ্যা করে। এই ডকুমেন্টটি ১০ লাইনের মতো ছোটও হতে পারে আবার শতাধিক লাইনের মতো দীর্ঘও হতে পারে, যা নিয়ে ব্রাউজারের কোনো মাথাব্যাথা নেই - এটি শুধুমাত্র আপনার ডকুমেন্টটি পড়ে।
এবং এটিই HTML- এর মূল উদ্দেশ্য - HTML ডকুমেন্টের ভিতরে যে কন্টেন্টগুলি আছে সেগুলিকে ওয়েব ব্রাউজারগুলির অ্যাক্সেসযোগ্য করে তোলা। ওয়েব ব্রাউজারে আপনার কন্টেন্টগুলিকে অ্যাক্সেসযোগ্য করে তোলার পাশাপাশি, HTML আপনার কন্টেন্টগুলিতে বিভিন্ন শব্দার্থ বা সিম্যান্টিক (semantics) যোগ করে - অর্থাৎ ওয়েব ব্রাউজারগুলি এবং সার্চ ইঞ্জিনগুলি আপনার ওয়েবপেজে কোন ধরণের বিষয়বস্তু আছে তা জানতে পারবে এবং এর মাধ্যমে তারা কীভাবে কন্টেন্টগুলিকে পরিচালনা করতে হবে তাও জানতে পারবে।
মূলত, HTML -র উদ্দেশ্য হল আপনার ওয়েবপেজগুলিকে অর্থপূর্ণ করে তোলা (কেউ কেউ এই ধারনাটি বিশ্বাস করেন যে এইচটিএমএল আপনার ওয়েবপেজের চেহারাকে প্রভাবিত করবে, তবে এটি বেশিরভাগই রিলিজিয়নের প্রশ্ন এবং আমরা এটি পরে দেখব) যাতে ব্রাউজারগুলি তা সঠিকভাবে প্রদর্শন করতে পারে।
এবং HTML5 (এইচটিএমএল ৫) কী?
তাহলে প্রথাগত এইচটিএমএল এবং এইচটিএমএল ৫ এর মধ্যে ফারাক কী? এই টিউটোরিয়াল জুড়ে আমরা এই প্রশ্নটির উত্তর সন্ধান করব, তবে একটি গুরুত্বপূর্ণ বিষয় যা লক্ষ্য রাখতে হবে তা হ'ল, প্রথাগত এইচটিএমএল সম্পর্কে আপনি যা কিছু শিখেছেন তা এইচটিএমএল ৫ -এও বৈধ - আপনাকে কিছুই ফেলে দিতে হবে না।
এইচটিএমএল ৫ সম্পূর্ণ নতুন কিছু বৈশিষ্ট্য নিয়ে গঠিত এবং সেই সাথেই আমরা পৃথক যে বৈশিষ্ট্যগুলি এতে আছে সেগুলি খতিয়ে দেখব। তবে সত্যি বলতে, এইচটিএমএল ৫ শুধুমাত্র এইচটিএমএলের পঞ্চম সংস্করণই নয় - এইচটিএমএল ৫ প্রকৃতপক্ষে এমন একদল লোকের দ্বারা তৈরি করা হয়েছিল যাঁরা অফিসিয়াল এইচটিএমএল স্ট্যান্ডার্ডের দায়িত্বে ছিলেন না। এইচটিএমএল ৫ এর বিস্তৃতি বোঝা কোনও সহজ কাজ নয় - আসল সমস্যাটি হ'ল, অনেক লোকই আসলে "এইচটিএমএল ৫ এর সাথে সম্পর্কিত সমস্ত স্ট্যান্ডার্ড যেমন সিএসএস ৩ (CSS3)" -এই কথাটা বোঝাতে গিয়ে এইচটিএমএল ৫ শব্দটি ব্যবহার করেন।
এই টিউটোরিয়ালের ফোকাসটি থাকবে মূল এইচটিএমএল ৫ -র বৈশিষ্ট্যাবলীর উপর এবং আপনি কিভাবে বা কখন সেগুলি ব্যবহার করবেন আর "পুরানো" এইচটিএমএল ৪ এর থেকে কোথায় তারা আলাদা সে বিষয়ে।
এইচটিএমএল ৫ ব্যবহার করার সময় আপনাকে মাথায় রাখতে হবে যে সমস্ত নতুন বৈশিষ্ট্যই সব ব্রাউজার সাপোর্ট করে না - বিভিন্ন ব্রাউজার যাতে বিভিন্ন বৈশিষ্ট্যকে সমর্থন করে তাই আপনাকে এইচটিএমএল ৫ এর উপাদানগুলিকে সঠিকভাবে কাজ করানোর কিছু কৌশল অবলম্বন করতে হবে।
তবে একটি বিষয় নিশ্চিত - কীভাবে ওয়েবপেজগুলি তৈরি হতে চলেছে, সেব্যাপারে এইচটিএমএল ৫ হ'ল ভবিষ্যত, অ্যাপেল এবং গুগল ইতোমধ্যে এইচটিএমএল ৫ এর বৈশিষ্ট্যগুলিকে সাপোর্ট করে, ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম এইচটিএমএল ৫ এর সমর্থনে তাদের নিজস্ব পরবর্তী প্রজন্মের এক্সএইচটিএমএল (xHTML) -র কাজ ছেড়ে দিয়েছে, তো চলুন তাহলে শুরু করা যাক!