এইচটিএমএল বৈধতা (HTML validation)

## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ## খান অ্যাকাডেমিতে আমরা "Oh Noes" এর একটি পপ আপ করবো যেন তুমি বুঝতে পারো যে হয়তো কিছু ভুল হয়েছে। কিন্তু আমরা শুধু তোমার বড় ভুলগুলো ধরিয়ে দেই। এছাড়াও অন্যান্য অনেক কিছু ভুল হতে পারে যেগুলো HTML বিবরণী অনুযায়ী সঠিক নয়। কিন্তু ব্রাউজার তোমার সেই ভুলটি ধরিয়ে দিবে না। ব্রাউজার আসলেই ত্রুটি ধরিয়ে দিবে না-- এটি চায় শুধু কাজ করে যেতে। এরপর তুমি বুঝতেই পারবে না যে তোমার ওয়েবপেইজে কিছু ভুল হয়েছে। এ কারণেই সবচেয়ে ভাল উপায় হলো তোমার ওয়েবপেইজকে ডব্লিউ থ্রী ভ্যালিডেশন সার্ভিস এর মাধ্যমে চালানো। এবং ওটা পরীক্ষা করে জানাবে তোমার পেইজটি সঠিক কি না, অথবা কোন কিছু ভুল হয়েছে কি না। এটা করতে validator.w3.org এই সাইট এ যাও। এটা তোমাকে URL প্রবেশ করানোর অপশন দিবে, একটি ফাইল আপলোড কর, অথবা শুধু কপি এবং পেস্ট কর। এবং আমি ঠিক এটিই করবো। এখন সাম্প্রতিক একটি ওয়েবপেইজ দেখাবো যেটা আমি কিছুক্ষন আগেই দেখাচ্ছিলাম-- আর একে এখানে পেস্ট করে দিবো—এবং চেক করবো। হয়ে গেছে! HTML5 এর মাধ্যমে চেক করা সম্পন্ন হয়েছে, এবং কোন সমস্যা খুঁজে পাওয়া যায়নি। চমৎকার। এসো আরেকটি চেষ্টা করি। এটি আমাদের "HTML Internal Links" এর উদাহরণ। আমরা এটিকে এখানে পেস্ট করবো এবং চেক করবো। আহ-ওহ এখানে একটি ভুল এবং দু'টি সতর্কতা আছে। নিচের দিকে দেখি। এটা বলছে যে একটা `img` উপাদানের অবশ্যই `alt` বৈশিষ্ট্য থাকতে হবে। আসলেই আমাদের`alt`বৈশিষ্ট্য ভুলে যাওয়া একদমই উচিত হয়নি। কারন আমরা ছবিগুলো দেখতে পেলেও সবাই দেখতে পাবে না। সুতরাং আমাকে আবার সেই HTML এ ফিরে যেতে হবে, এবং `alt` যোগ করতে হবে। ছবিটা এখানে আছে, সুতরাং, alt = "Photo of Tim Berners-Lee next to computer." এবার কপি করি-- আবার সেখানে ফিরে যাই, পেস্ট করি এবং আবারও যাচাই করি। টা-ডা! এটি সঠিক HTML কোড। যখন সম্ভব হবে, তুমি এমন ওয়েবপেইজ তৈরি করবে যেগুলো সঠিক HTML। কারন এভাবে তুমি এতটাই আত্মবিশ্বাসী হয়ে উঠবে যে তুমি যেভাবে আশা করবে সেভাবেই ব্রাউজার ব্যাখ্যা করে দিবে। এখন তোমার কিছু পেইজ সঠিক বা বৈধ করার চেষ্টা কর, আর দেখো পেইজগুলো কীরকম দেখায়। ## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##