يقسم الإطار نافذة المتصفح إلى أجزاء مستقلة متعددة، يحتوي كل منها على صفحة HTML مستقلة.
1. المفاهيم الأساسية للإطار
يمكن للمستخدمين تحميل أو إعادة تحميل محتوى الجزء الفردي من خلال الإطارات دون إعادة تحميل محتوى نافذة المتصفح بالكامل. بالنسبة للإطارات، فإن مجموعة الإطارات المقابلة لنافذة المتصفح بأكملها تسمى مجموعة الإطارات.
في HTML، استخدم علامة مجموعة الإطارات <frameset> لتقسيم إطار الصفحة، واستخدم صفوف السمات (أو الأعمدة) للإشارة إلى عدد صفوف (أو أعمدة) الإطار ونسبة النافذة التي يشغلها.
دور إطار النافذة:
هو تقسيم صفحة الويب إلى صفحات HTML متعددة، أي تقسيم شاشة النافذة إلى نوافذ صغيرة متعددة، وفي كل نافذة صغيرة يمكن عرض صفحات ويب مختلفة، وفي المتصفح يتم تشكيل صفحة كاملة، لذلك أن في المتصفح تأثير تصفح صفحات الويب المختلفة في نفس الوقت.
أكبر ميزات صفحات الويب الإطارية:
دون تغيير تخطيط الصفحة بأكملها، يمكن ربط صفحات HTML مع بعضها البعض لتحقيق الغرض من الحصول على المحتوى المطلوب دون تقليب الصفحة، وهذه الميزة تجعلها فريدة إلى حد كبير في عرض المستندات الإلكترونية.
2. علامات الإطارات
بناء الجملة الأساسي:
<مجموعة الإطارات>
<الإطار>
<الإطار>
…
</مجموعة الإطارات>
شرح بناء الجملة: مجموعة الإطارات هي صفحة HTML تحدد مجموعة من بنيات الإطارات داخل المستند. لا توجد علامة <BODY> في هذه الصفحة. تحدد مجموعات الإطارات عدد الصفحات وحجمها وتحميلها للإطارات المعروضة في النافذة.
ملاحظة 1: مكون إطار النافذة المحدد بواسطة علامة <Frameset> يعادل مكون سمة الملف المحدد بواسطة علامة <BODY> لذلك، لا يمكن تضمين علامة <Frameset> في علامة <BODY>، وإلا فإن <Frameset>. > لن تعمل العلامة بشكل صحيح.
ملاحظة 2: يتم استخدام العلامة <Frame> لتعريف نافذة فرعية نظرًا لعدم وجود علامة نهاية، يتم استخدام العلامة فقط لتعيين سمات مختلفة في العلامة للتحكم في إطار النافذة الذي تمثله.
(1) سمات نافذة الانقسام اليسرى واليمنى Cols
بناء الجملة الأساسي:
<frameset cols="value,value,...">
<الإطار>
<الإطار>
…
</مجموعة الإطارات>
شرح بناء الجملة: تحدد القيمة قيمة عرض كل إطار. يمكن أن تكون الوحدة عبارة عن وحدات بكسل أو نسب مئوية.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
التأثير كما هو موضح في الشكل:
(2) صفوف سمات النافذة المقسمة العلوية والسفلية
بناء الجملة الأساسي:
<صفوف مجموعة الإطارات = "القيمة، القيمة، ...">
<الإطار>
<الإطار>
…
</مجموعة الإطارات>
شرح بناء الجملة: تحدد القيمة قيمة عرض كل إطار. يمكن أن تكون الوحدة عبارة عن وحدات بكسل أو نسب مئوية.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
التأثير كما هو موضح في الشكل:
(3) نوافذ متداخلة مقسمة
بناء الجملة الأساسي:
<frameset cols="value,value,...">
<الإطار>
<صفوف مجموعة الإطارات = "القيمة، القيمة، ...">
<الإطار>
<الإطار>
…
</مجموعة الإطارات>
<الإطار>
…
</مجموعة الإطارات>
شرح بناء الجملة: يمكن تداخل الانقسامات.
<html><head><title>النوافذ المقسمة المتداخلة</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * <الإطار><الإطار></إطارات></إطارات></html>
التأثير هو كما يلي:
(4) سمة عرض حدود مجموعة الإطارات FrameSpacing
بناء الجملة الأساسي:
<مجموعة الإطارات FrameSpacing = "VALUE">
شرح بناء الجملة: قم بتعيين عرض حدود مجموعة الإطارات بالبكسل.
(5) سمة لون الحدود المحددة للإطار Bordercolor
بناء الجملة الأساسي:
<frameset BorderColor = "COLOR_VALUE">
شرح بناء الجملة: قم بتعيين لون حدود مجموعة الإطارات.
3. علامة الإطار <الإطار>:
(1) سمة الملف المصدر لصفحة الإطار SRC
بناء الجملة الأساسي:
<frame src="FILE_NAME">
شرح بناء الجملة: يحتوي كل إطار على صفحة ويب معروضة، وتقوم سمة SRC بتعيين مسار الملف لصفحة الإطار.
(2) اسم سمة اسم الإطار
بناء الجملة الأساسي:
<frame src="FILE_NAME" name="Frame_name">
شرح بناء الجملة: يمكنك تسمية كل رابط. يتم استخدام الاسم للرابط ووصف البرنامج النصي للصفحة ولا يؤثر على عرض الصفحة.
قواعد التسمية: يمكن أن تحتوي الكلمة الواحدة على شرطة سفلية "_"، ويجب أن تبدأ بحرف، وتكون حساسة لحالة الأحرف.
(3) خاصية عرض حدود الإطار FrameBorder
بناء الجملة الأساسي:
<frame src="FILE_NAME"frameborder="VALUE">
شرح بناء الجملة: إذا كانت VALUE تساوي 0، فلن يتم عرض الحد، وإذا كانت 1، فسيتم عرض الحد.
ملاحظة 1: يمكن استخدام خاصية Frameborder للتحكم في المناطق المحيطة بإطار النافذة وما إذا كان سيتم عرض الإطار أم لا.
ملاحظة 2: يمكن استخدام هذه السمة في علامة <Frameset> وعلامة <Frame> عند استخدامها في علامة <Frameset>، يمكنها التحكم في جميع النوافذ الفرعية لإطار النافذة. عند استخدامه في العلامة <Frame>، يمكن التحكم في النافذة الفرعية التي تمثلها العلامة فقط.
ملاحظة 3: 0 يعني عدم عرض خط الإطار، 1 يعني عرض خط الإطار، وقيمته الافتراضية هي 1.
(4) خاصية عرض شريط التمرير في الإطار هي التمرير
بناء الجملة الأساسي:
<frame src="FILE_NAME" التمرير="VALUE">
شرح بناء الجملة: إذا كانت قيمة VALUE هي YES، فسيتم عرض شريط التمرير، وإذا كانت NO، فلن يتم عرض شريط التمرير، وإذا كانت AUTO، فسيتم تحديد ما إذا كان سيتم عرض شريط التمرير تلقائيًا بناءً على الصفحة أم لا طول.
(5) سمة تعديل حجم الإطار NoResize
بناء الجملة الأساسي:
<frame src="FILE_NAME" NoResize>
شرح بناء الجملة: NORESIZE يحظر تغيير حجم الإطار.
(6) سمة عرض حافة الإطار MarginWidth
بناء الجملة الأساسي:
<الإطار src="FILE_NAME"
عرض الهامش = "القيمة">
شرح بناء الجملة: يقوم MarginWidth بتعيين الهوامش اليسرى واليمنى للإطار.
(7) سمة ارتفاع حافة الإطار MarginHeight
بناء الجملة الأساسي:
<الإطار src="FILE_NAME"
ارتفاع الهامش = "القيمة">
شرح بناء الجملة: يقوم MarginHeight بتعيين الهوامش العلوية والسفلية للإطار.
4. علامات الإطار غير مدعومة
للاستخدام مع المتصفحات التي لا تدعم تقنية الإطار.
بناء الجملة الأساسي:
<frameset cols="value,value,...">
<الإطار>
<الإطار>
…
<الإطارات>
…
</Noframes>
</مجموعة الإطارات>
5. الإطار العائم
الإطار العائم عبارة عن صفحة إطار خاصة تتداخل فيها النوافذ الفرعية في نافذة المتصفح ثم تعرض محتوى الصفحة فيها.
بناء الجملة الأساسي: <IFRAME>……</IFRAME>
6. الإطارات والروابط
أحد الأغراض المهمة لاستخدام الإطارات هو عرض صفحات مختلفة في إطارات مختلفة.
بشكل أساسي من خلال سمة "الهدف" الخاصة بالارتباط لتعيين الإطار والنافذة التي يتم فيها عرض الصفحة المرتبطة.