HTML : استخدام العناصر ( Frames )
في مقالة سابقة تحدثنا عن عنصرين في HTML، وهي كيف يُمكننا استخدام وسم “الصور” بالإضافة إلى وسم “الروابط” وكذلك كيف نقوم بدمجهم معًا، وفي هذه المقالة القصيرة سنضيف عنصرًا جديد وهو وسم :
<frameset> هنا الإطار </frameset>
ما هي الـ ( Frames ) ؟
هي عبارة عن إطارات لصفحات أخرى يُمكن استدعاؤها ضمن صفحة واحدة، على سبيل المثال لدينا صفحتين الأولى تُعرض بها البيانات الشخصية والثانية تعرض فيها الشهادات والثالثة مخصصة لعرض المهارات والقدرات؛ فإنّه بواسطة هذا الوسم يُمكن استدعاء الثلاث صفحات معًا ضمن صفحة واحدة، كيف ذلك ؟
مثال مُصغر
<html> <frameset cols="50%,25%,25%"> <frame src="page1.html"> <frame src="page2.html"> <frame src="page3.html"> </frameset> </html>[button url=”https://mokfie.sa/abjjadev/examples/frameset_tag/” target=”blank” style=”flat” background=”#1d1954″ size=”4″ radius=”round” icon=”icon: code”]جرّب المثال الأن! [/button]
في الكود السابق قمنا بإستخدام وسم <frameset> وإغلاقه </frameset> من أجل إنشاء ثلاثة إطارات الأول يُعطينا مساحة 50% من الصفحة والثاني والثالث يعطينا مساحة 25% من الصفحة بالإضافة إلى ذلك قمنا بإستخدام وسم آخر وهو <frame> من أجل استدعاء الصفحات الأخرى لعرضها بالصفحة.
الخصائص المرتبطة بالوسم <frameset>
وسم <frameset> يحتوي على خصائص يُتيح لك تكوين إطار بتفاصيل دقيقة، فإليك الجدول التالي :
| الخاصية | مثال | الوصف |
| cols | <frameset cols="50%,*,350px" > ... </frameset> |
تُستخدم هذه الخاصية لتحديد مساحة كل عمود مرغوب حيثُ يمكن استخدام قيم مئوية، بيكسل، وكذلك * تُعبر عن القياس الافتراضي. |
| rows | <frameset rows="700px,*,50%" > ... </frameset> |
تُستخدم هذه الخاصية لتحديد مساحة كل صف مرغوب حيثُ يمكن استخدام قيم مئوية، بيكسل، وكذلك * تُعبر عن القياس الافتراضي. |
تذكر أيضًا أنّ وسم <frame> مخصص لإنشاء إطار جديد ويُمكنك تحديد صفحة هذا الإطار من خلال كتابة مسار واسم الملف ضمن الخاصية src لتظهر لك النتيجة بشكلٍ متكامل.