এইচটিএমএল ফ্রেম টিউটোরিয়াল (HTML Frame Tutorial in Bangla)
এইচটিএমএল ফ্রেম দিয়ে একটা ওয়েব পেজকে দুই বা ততোধিক ভাগে ভাগ করা যায়। প্রত্যেকটি ভাগে আলাদা আলাদা পেজ লোড করানো যায়। এমনকি আপনি চাইলে একাধিক ফ্রেমের মধ্যে যেকোন একটিকে রিলোড করাতে পারেন। একটা পেজে কয়েকটি ফ্রেম থাকলে সেটাকে বলে ফ্রেমসেট।<frameset></frameset> এর ভিতরে <frame></frame> রাখতে হয়। যেমন
01.< ?xml version=”1.0” encoding=”iso-8859-1”? >02.< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”03.“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd” >04.< html >05.< head >06.< title > Webcoachbd Frame Tutorial < /title >07.< /head >08.< frameset rows=”200,100, * >09.< frame src=”top.html” / >10.< frame src=”middle.html” / >11.< frame src=”bottom.html” / >12.< noframes > < body >13.This site uses a technology called frames. Unfortunately, your14.browser does not support this technology. Please upgrade15.your browser and visit us again!16.< /body > < /noframes >17.< /frameset >18.< /html ><noframes></noframes> দেয়া হয়েছে যদি আপনার ব্রাউজার ফ্রেম সাপোর্ট না করে তাহলে এর ভিতরের মেসেজটি দেখাবে।
< frameset rows=”200,100, * > এটা দিয়ে বোঝানো হয়েছে প্রথম ফ্রেমটি (top.html) টি ২০০ পিক্সেল উচু হবে পরেরটি ১০০ এবং শেষেরটি বাকি অংশ নিয়ে নেবে (* চিহ্ন)।
** HTML 5 এ ফ্রেম সাপোর্ট করেনা তাই ফ্রেম নিয়ে বেশি আলোচনা করবনা। ধীরে ধীরে এর ব্যবহার উঠে যাচ্ছে।
** উপরের উদাহরনে তাই দেখুন XHTML DOC type ব্যবহার করেছি HTML 5 এর পরিবর্তে।
** HTML 5 এ ফ্রেম সরিয়ে ফেলার কারনে এইসমস্ত কাজের জন্য iframe নামে একটা ট্যাগ ব্যবহার করা হয়।
iframe বা inline frame দিয়ে এইচটিএমএল ডকুমেন্টে সম্পূর্ন ভিন্ন একটি অংশ ঢুকিয়ে দেয়া যায় যেখানে ভিন্ন কোন ওয়েব পেজ প্রদর্শিত হবে।
01.<!DOCTYPE html>02. 03.<html>04. 05.<head>06. 07.<title> Webcoachbd Frame Tutorial </title>08. 09.</head>10.<body>11.<iframe width="100%" src="http://www.webcoachbd.com"></iframe>12. 13.</body>14. 15.</frameset>16. 17.</html>src এট্রিবিউটে কোন লোকাল ফাইলও দিতে পারেন, আমি একটা URL দিয়েছি। এছাড়া আরো অনেক এট্রিবিউট ভ্যবহার করা যায় তবে বেশিরভাগই HTML 5 এ সাপোর্টেড নয়। HTML 5 এ উপরে ব্যবহৃত দুটি (src এবং width) সাপোর্ট করে সাথে সাথে নিচেরগুলি
name : iframe এর নাম দেয়া যায়
sandbox : iframe এর ভিতর কি ধরনের ডেটা থাকবে তা ঠিক করে দেয়া যায়।যেমন
"" - দিলে নিচের সবগুলি প্রয়োগ হবে
allow-forms - দিলে ফর্ম সাবমিট কাজ করবে
allow-same-origin
allow-scripts - দিলে জাভাস্ক্রিপ্ট কাজ করবে
allow-top-navigation
seamless="seamless" দিলে iframe এমন দেখাবে যেন এটা এই ডকুমেন্টেরই অংশ
srcdoc="html content" এই এট্রিবিউটের মান এইচটিএমল এলিমেন্ট দিতে পারেন ফলে সেটা iframe এর ভিতর দেখাবে।
0 মন্তব্য(গুলি):
Post a Comment