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

على الرغم من انخفاض استخدامه في السنوات الأخيرة بسبب اعتماد تقنيات أكثر حداثة ومرونة ، مثل CSS و لا يزال من الممكن العثور على JavaScript في بعض مواقع الويب ، خاصة تلك التي تم إنشاؤها في التسعينيات وأوائل التسعينيات. أن عام 2000.

كيف تعمل الإطارات أو الإطارات في HTML؟

تتكون الإطارات من عنصرين:

1. مجموعة الإطارات: العنصر لتقسيم نافذة المتصفح إلى أقسام مستطيلة ، يمكن لكل قسم تحميل مستند HTML الخاص به.

2. الإطارات: العنصر يستخدم داخل لتحديد كل قسم من الأقسام الفردية. ويرسل لاستدعاء بعض المستندات الأخرى التي يتم تحميلها داخل مجموعة الإطارات.

• اتبع مع: أمثلة iFrame

كيفية عمل إطارات في HTML

لإنشاء مستند HTML بإطارات ، اتبع خطوتين بسيطتين للغاية:

1. قم بإنشاء مستند HTML يحدد بنية الإطارات باستخدام العنصر. على سبيل المثال:

الملف 1: Frameset.html

2. قم بإنشاء مستند HTML واحد أو أكثر ليتم تحميله داخل الإطارات.

الملف 2: frame1.html

هذا هو الإطار 1

الملف 3: frame2.html

هذا هو الإطار 2

سمات الإطار في HTML

بعض أهم سمات العنصر نكون:

• التمرير: تستخدم هذه السمة للتحكم في مظهر أشرطة التمرير في الإطار. يمكن أن تحتوي على القيم "تلقائي" أو "نعم" أو "لا".

• noresize: تُستخدم هذه السمة لمنع المستخدم من تغيير حجم الإطار.

• بطاطا: تُستخدم هذه السمة لمنح الإطار اسمًا ، والذي يمكن أن يكون مفيدًا للإشارة إلى الإطار في الروابط والبرامج النصية.

• src: تُستخدم هذه السمة لتحديد عنوان URL لوثيقة HTML التي سيتم تحميلها في الإطار.

• فراميبور: تحدد هذه السمة ما إذا كان يجب أن يكون للإطارات حدود أم لا. القيم المحتملة هي "1" (لإظهار الحدود) أو "0" (لعدم إظهار أي حدود). على سبيل المثال، .

• حدود: تحدد هذه السمة عرض الحد بين الإطارات بالبكسل. على سبيل المثال، سيُنشئ حدًا 5 بكسل بين الإطارات.

• تباعد الإطارات: هذه السمة مشابهة لـ حدود. كما تحدد المسافة بين الإطارات بالبكسل. على سبيل المثال، سيضع فجوة 10 بكسل بين الإطارات.

• لون الحدود: تتيح لك هذه السمة تغيير لون حدود الإطارات. يمكن تحديد أي لون صالح. على سبيل المثال، سيجعل حدود الإطارات حمراء.

مثال على الاستخدام:

كيفية الارتباط بإطار معين

يمكننا فتح رابط في إطار معين باستخدام السمة هدف في التسمية. قيمة ال هدف يجب أن يكون نفس اسم الإطار (بطاطا سمة من سمات ). على سبيل المثال:

في menu.html
صفحة 1
الصفحة 2

في هذه الحالة ، سيؤدي النقر فوق روابط "الصفحة 1" أو "الصفحة 2" في إطار القائمة إلى تحميل الصفحة المقابلة في إطار "المحتوى".

كيفية كسر الإطارات

إذا كنت تريد رابطًا لفتح صفحة خارج مجموعة الإطارات (أي استبدال مجموعة الإطارات بأكملها) ، يمكنك استخدام القيمة الخاصة _قمة للسمة هدف. على سبيل المثال:

في menu.html
الخروج من الإطارات

عند النقر فوق "الخروج من الإطارات" ، سيقوم المتصفح بتحميل "pageOutofFrames.html" في النافذة الكاملة ، لتحل محل مجموعة الإطارات.

مثال لتقسيم الشاشة إلى عمودين بإطارات

هذا المثال يقسم الشاشة إلى عمودين متساويين في الحجم. يقوم كل عمود بتحميل صفحة HTML مختلفة.

مثال لإنشاء شريط تنقل جانبي بإطارات

ينشئ هذا المثال شريطًا جانبيًا يشغل 25٪ من الشاشة ويستخدم للتنقل. يتم استخدام بقية الشاشة لعرض المحتوى الرئيسي.

مثال لتقسيم الشاشة إلى صفوف وأعمدة

هذا المثال الأكثر تعقيدًا يقسم الشاشة إلى أربعة أجزاء متساوية. يقوم كل قسم بتحميل صفحة HTML مختلفة.

مثال على التنقل العلوي مع إطارات HTML

قم بإنشاء ملف يحدد إطارين على التوالي. الملفان المحددان هما: أحدهما للتنقل (الذي يشغل 20٪ من عرض النافذة) والآخر للمحتوى الرئيسي (الذي يشغل باقي عرض النافذة).

بعد ذلك ، ستحتاج إلى إنشاء ملفي "navigation.html" و "content.html". على سبيل المثال ، قد يبدو "navigation.html" على النحو التالي:

صفحة 1

الصفحة 2

الصفحة 3


ويمكن أن يكون "content.html" مثل هذا:

أهلا في موقعنا!

هنا سوف يذهب محتوى الصفحة المحددة في التنقل.

في هذه الحالة ، عند النقر فوق ارتباط في "navigation.html" ، يتم تحميل الصفحة المقابلة في إطار "المحتوى".