HTML Tutorial
HTML Tutorial

HTML - فریمز


HTML فریمز کا استعمال آپکے براؤزر ونڈو کو مختلف حصوں میں تقسیم کرنے کے لئے ہوتا ہے جہاں ہر حصہ ایک الگ HTML ڈاکیومنٹ لوڈ کر سکتا ہے۔ براؤزر ونڈو میں فریمز کا ایک گروہ کو "frameset" کہا جاتا ہے۔ ونڈو فریمز میں حصے میں ٹیبلز کی طرح تقسیم ہوتی ہے: صفوں اور کالموں میں۔

فریمز کے نقصانات

فریمز کا استعمال کرنے میں کچھ نقصانات ہیں، لہذا آپکی ویب پیجز میں کبھی بھی فریمز کا استعمال کرنا مشورہ نہیں کیا جاتا ہے -

  • کچھ چھوٹے ڈیوائسز فریمز کا سامنا کرنے میں ناکام ہوتے ہیں کیونکہ ان کے اسکرین کا سائز بڑا ہونے کی وجہ سے تقسیم نہیں ہو سکتا۔

  • کبھی کبھی آپکی پیج مختلف کمپیوٹرز پر مختلف اسکرین ریزولیوشن کی بنا پر مختلف طریقے سے دکھایا جائے گا۔

  • صارف کی امیدوار ہونے پر بھی براؤزر کا back بٹن ممکن ہے کہ ایسا کام کرے یا نہ کرے۔

  • آج بھی کچھ براؤزرز ہیں جو فریم ٹیکنالوجی کو سپورٹ نہیں کرتے۔

فریمز بنانا

پیج پر فریمز کا استعمال کرنے کے لئے ہم <body> ٹیگ کی بجائے <frameset> ٹیگ استعمال کرتے ہیں۔ <frameset> ٹیگ ونڈو کو فریمز میں کیسے تقسیم کرنا ہے وہ معین کرتا ہے۔ <frameset> ٹیگ کا rows اٹریبیوٹ ہو رہا ہے جو افقی فریمز کو معین کرتا ہے اور cols اٹریبیوٹ عمودی فریمز معین کرتا ہے۔ ہر فریم کو <frame> ٹیگ سے ظاہر کیا جاتا ہے اور یہ معین کرتا ہے کہ کون سا HTML ڈاکیومنٹ فریم میں کھلے۔

نوٹ − <frame> ٹیگ HTML5 میں منسوخ ہو گیا ہے۔ اس عنصر کا استعمال نہ کریں۔

مثال

نیچے دی گئی مثال میں تین افقی فریمز بنانے کے لئے ہے −

<!DOCTYPE html>
<html>

   <head>
      <title>HTML فریمز</title>
   </head>
	
   <frameset rows = "10%,80%,10%">
      <frame name = "top" src = "/html/top_frame.htm" />
      <frame name = "main" src = "/html/main_frame.htm" />
      <frame name = "bottom" src = "/html/bottom_frame.htm" />
   
      <noframes>
         <body>آپ کا براؤزر فریمز کا سپورٹ نہیں کرتا ہے۔</body>
      </noframes>
      
   </frameset>
   
</html>

اس سے مندرجہ ذیل نتیجہ آئے گا −

مثال

چلیں اوپر دی گئی مثال کو درج ذیل رکھیں، یہاں ہم نے rows ایٹریبیوٹ کو cols میں تبدیل کیا اور ان کا وضع بھی بدل دیا۔ یہ تینوں فریمز عمودی طور پر بنائے گا −