الصناديق في HTML

من خلال استخدام الإطارات، يمكنك عرض أكثر من صفحة في نفس نافذة المتصفح.

مثال

الإطار العمودي
مثال هذا يوضح كيفية إعداد إطار عمودي باستخدام ثلاثة وثائق مختلفة
الإطار الأفقي
مثال هذا يوضح كيفية إعداد إطار أفقي باستخدام ثلاثة وثائق مختلفة

(يمكن العثور على أمثلة إضافية في أسفل الصفحة)

الإطار

من خلال استخدام الإطارات، يمكنك عرض أكثر من صفحة في نفس نافذة المتصفح. يتم تسمية كل HTML document بمفردة إطار، وكل إطار مستقل عن الإطارات الأخرى.

سلبيات استخدام الإطارات:

  • يجب على المطورين متتبع العديد من ملفات HTML في نفس الوقت
  • من الصعب طباعة الصفحة بأكملها
علامة بنية الإطار (frameset)
  • علامة بنية الإطار (frameset) تعرف كيف يتم تقسيم النافذة إلى أطر
  • كل frameset تعرف سلسلة من الأطرأوالعمود
  • قيم rows/columns تحدد المساحة التي تشغلها كل سطر أو عمود على الشاشة

ملاحظة الم編ّر:تم ترجمة علامة frameset أيضًا في بعض المقالات والكتب إلى إطار فرعي.

علامة الإطار (Frame)

تعرف علامة Frame على HTML document الموضع في كل إطار.

في هذا المثال، قمنا بتعيين إطار فرعي من اثنين من الأعمدة. تم تعيين الأعمدة الأولى لتكون تبلغ 25% من نافذة المتصفح. تم تعيين الأعمدة الثانية لتكون تبلغ 75% من نافذة المتصفح: HTML document "frame_a.htm" تم وضعها في العمود الأول، بينما تم وضع HTML document "frame_b.htm" في العمود الثاني:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

ملاحظات أساسية - نصائح مفيدة:

إذا كان هناك إطار به حواف مرئية، يمكن للمستخدم سحب الحواف لتغيير حجمه. لتجنب هذا، يمكنك إضافة: noresize="noresize" إلى علامة <frame>.

أضف علامة <noframes> للبrowsers التي لا تدعم الإطارات.

نصيحة هامة:لا يمكن استخدام علامة <body></body> مع علامة <frameset></frameset> في نفس الوقت! ومع ذلك، إذا أضفت علامة <noframes> تحتوي على نص، يجب أن تضمن هذا النص داخل علامة <body></body> (يمكنك مشاهدة كيفية تنفيذ ذلك في المثال الأول أدناه).

مزيد من الأمثلة

كيفية استخدام علامة <noframes>
هذا المثال يوضح كيفية استخدام علامة <noframes>.
هيكل الإطار المختلط
هذا المثال يوضح كيفية إعداد هيكل الإطار الذي يحتوي على ثلاثة مستندات ووضعهم في الصف والعمود.
هيكل الإطار الذي يحتوي على خاصية noresize="noresize"
هذا المثال يوضح كيفية إعداد خاصية noresize. في هذا المثال، الإطار غير قابل للتوسع. عند سحب الفأرة فوق الحواف بين الإطارات، ستجد أن الحواف غير قابلة للتحريك.
إطار التوجيه
هذا المثال يوضح كيفية إعداد إطار التوجيه. يحتوي إطار التوجيه على قائمة من الروابط التي تشير إلى الإطار الثاني كهدف. يحتوي ملف "contents.htm" على ثلاثة روابط.
إطار داخلي
هذا المثال يوضح كيفية إنشاء إطار داخلي (إطار داخل صفحة HTML).
الانتقال إلى فقرة محددة داخل الإطار
هذا المثال يوضح إثنين من الإطارات. إحدى الإطارات تحتوي على رابط يشير إلى فقرة محددة في ملف آخر. يتم تعريف الفقرة المحددة في ملف "link.htm" باستخدام <a name="C10">.
استخدام التوجيه في الإطارات للانتقال إلى الفقرة المحددة
هذا المثال يوضح إثنين من الإطارات. الإطار الأيسر يحتوي على قائمة من الروابط التي تشير إلى الإطار الثاني كهدف. الإطار الثاني يعرض المستند المطلوب. تشير الروابط في الإطار الخاص بالتوجيه إلى الفقرة المحددة في ملف الهدف.