এইচটিএমএল(৫) ব্রাউজার সাপোর্ট-HTML5 Browser Support
ব্রাউজার সাপোর্ট
এইচটিএমএল(৫) সকল আধুনিক ব্রাউজারে সাপোর্ট করে। তাছাড়া, সকল নতুন এবং পুরাতন ব্রাউজার অপরিচিত এলিমেন্টকে ইনলাইন এলিমেন্ট হিসেবে বিবেচনা করে।
এই কারণে পুরাতন ব্রাউজারগুলোতে অপরিচিত এইচটিএমএল এলিমেন্ট সঠিকভাবে কাজ করানো শিখতে হবে।
এইচটিএমএল(৫) এলিমেন্টকে ব্লক-লেভেল এলিমেন্ট সেট করা
এইচটিএমএল(৫) ৮টি নতুন সিমেন্টিক(semantic) এইচটিএমএল এলিমেন্ট ডিফাইন করা হয়েছে। এরা সবাই ব্লক-লেভেল এলিমেন্ট।
এই এলিমেন্ট সমূহকে পুরাতন ব্রাউজারে সঠিকভাবে কাজ করানোর জন্য, আপনার সিএসএস display প্রোপার্টিকে block সেট করতে হবেঃ
উদাহরণ
header, section, footer, aside, nav, main, article, figure {
display: block;
}
ইন্টারনেট এক্সপ্লোরারের(IE8) সমস্যা
IE8 এবং এর পূর্বের ব্রাউজারগুলোতে অপরিচিত এলিমেন্টগুলোর স্টাইল সাপোর্ট করে না।
সৌভাগ্যক্রমে, Sjoerd Visscher এইচটিএমএল(৫) Shiv! তৈরি করেন।
HTML5Shiv এর সম্পূর্ণ সমাধান
shiv কোডের লিংকটি অবশ্যই <head> এলিমেন্টে লিখতে হবে, কারণ ব্রাউজারকে অবশ্যই অপরিচিত এলিমেন্টকে পড়ার আগেই তার সম্পর্কে জানতে হবে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/HTML5shiv/3.7.3/HTML5shiv.js"></script>
<![endif]-->
</head>
<body>
<section>
<h1>বিখ্যাত নদী</h1>
<article>
<h2>আমেরিকার মিসিসিপি:</h2>
<p>উত্তর আমেরিকার ড্রেনেজ সিস্টেম ব্যবস্থাপনার প্রধান নদী মিসিসিপি। যুক্তরাষ্ট্রজুড়েই নদীটি প্রবাহিত হয়েছে। </p>
</article>
<article>
<h2>চীনের হোয়াংহো</h2>
<p>ইয়েলো নদী বা হোয়াংহো এশিয়ার মধ্যে দ্বিতীয় দীর্ঘতম নদী। আর পৃথিবীর দীর্ঘতম নদীগুলোর মধ্যে এর অবস্থান ষষ্ঠ। </p>
</article>
<article>
<h2>মিসরের নীল নদ</h2>
<p>বিশ্বের দীর্ঘতম নদের নাম নীল নদ। যার দৈর্ঘ্য ৬ হাজার ৬৫০ কিলোমিটার। </p>
</article>
</section>
</body>
</html>
ফলাফল