يمكن لنافذة مستند المتصفح فقط عرض ملف صفحة ويب ، ولكن يمكنه عرض أكثر من صفحة واحدة في نافذة المتصفح نفسها باستخدام إطار عمل. تحتوي الصفحة التي تستخدم إطارًا بشكل أساسي على جزأين ، أحدهما هو مجموعة الإطار والآخر هو ملف الإطار المحدد.
يستخدم الإطار في الغالب لتخطيط أنظمة الموقع الخلفية أو الأنظمة الداخلية.
1. الإطارات (<الإطارات> </framestes>): يتم استخدامه لتحديد ملف HTML هذا كوضع إطار وتعيين الملف كيفية تقسيم النافذة. بكل بساطة ، مجموعة إطار عمل هي ملف يخزن بنية الإطار وملف إدخال يصل إلى ملف الإطار. إذا كانت صفحة ويب تتكون من إطارين الأيسر واليمين ، بالإضافة إلى ملف اثنين من صفحات الويب اليسرى واليسرى ، يوجد أيضًا ملف مجموعة إطار إجمالي. في الصفحة التي تستخدم إطارًا ، يتم استبدال علامة الجسم <Body> بعلامة الإطار <الإطارات>. لكل إطار موجود في صفحة الإطار ، يتم تعريفه بواسطة علامة <rame>.الصفات السمة: نافذة الانقسام الأفقي. تتمثل نافذة الانقسام الأفقي في قطع الصفحة في اتجاه أفقي ، أي تقسيم الصفحة إلى نوافذ متعددة مرتبة لأعلى ولأسفل. يمكن أن تؤخذ قيم متعددة في الصفوف ، تمثل كل قيمة العرض الأفقي لنافذة الإطار ، ويمكن أن تكون وحداتها وحداتها أو النسب المئوية للمتصفح. ومع ذلك ، تجدر الإشارة إلى أنه بشكل عام عند تعيين قيم عدة صفوف ، هناك العديد من الأطر ، أي أن هناك عدد مقابل من المعلمات <rame>.
<html> <head> <title> تأثير نافذة الانقسام الأفقي </title> </head> <الإطارات صفوف = 30 ٪ ، 70 ٪> <rame> <rame> </frameet> </html>
خاصية كولز: نافذة تقسيم عمودية. تتمثل نافذة الانقسام الرأسية في تقسيم الصفحة إلى نوافذ متعددة في اتجاه عمودي ، أي تقسيم الصفحة إلى نوافذ متعددة مرتبة على اليسار واليمين. يمكن أخذ قيم متعددة في COLS ، تمثل كل قيمة العرض الأفقي لنافذة الإطار ، ويمكن أن تكون وحداتها وحداتها أو النسب المئوية للمتصفح. مثل نافذة التجزئة الأفقية ، بشكل عام عند تعيين قيم عدة كولون ، هناك العديد من الأطر ، أي عدة معلمات.
<html> <head> <title> تأثير نافذة التقسيم الرأسية </title> </head> <الإطارات cols = 20 ٪ ، 55 ٪ ، 25 ٪> <rame> <rame> <rame> <rame> </framest> </html>
خاصية FrameBorder: تعيين الحدود. بشكل افتراضي ، هناك خط حدودي حول نافذة الإطار. يمكن استخدام معلمة FrameBorder لضبط عرض خط الحدود. بناء الجملة هو:
<الإطارات FrameBorder = ما إذا كان يتم عرضه> أو <frameframeBorder = ما إذا كان يتم عرضه>. يمكن أن تكون قيمة FrameBorder فقط 0 أو 1. إذا كانت القيمة 0 ، فسيتم إخفاء خط الحدود ؛ إذا كانت القيمة 1 ، فسيتم عرض خط الحدود. سيكون الإعداد في FrameSet صالحًا للإطار بأكمله ، وسيكون الإعداد في الإطار صالحًا فقط للإطار الحالي.
<html> <head> <title> قم بتعيين تأثير عرض الحدود على نافذة الإطار </title> </head> <الإطارات صفوف = 20 ٪ ، 55 ٪ ، 25 ٪> <rameframeBorder = 1> <rameSet cols = 35 ٪ ، 65 ٪ frameborder = 0>
خاصية تسوية الإطارات: عرض الحدود للإطار. عرض حدود الإطار هو 1 بكسل افتراضيًا ، ويمكن تغيير حجمه بواسطة تعاطي المعلمة.
بناء الجملة: <إطارات الإطارات = عرض الحدود>
ملاحظة: عرض الحدود هو عرض الخط بين كل حدود في الصفحة ، بالبكسل. لا يمكن استخدام هذه المعلمة إلا لمجموعات الإطار وهي غير صالحة لإطار عمل واحد.
<html> <head> <title> اضبط عرض حدود الإطار </title> </head> <الإطارات صفوف = 30 ٪ ، 70 ٪ من الإطارات = 10> <rame> <rameet cols = 20 ٪ ، 55 ٪ ، 25 ٪ framespacing = 30> <rame>
خاصية بالألوان الحدودية: لون الحدود للإطار. استخدم ألوان الحدود المعلمة لتعيين لون الحدود لمجموعة الإطار.
بناء الجملة: <الإطارات BorderColor = رمز اللون>
ملاحظة: هذه المعلمة صالحة أيضًا لمجموعة الإطار بأكملها وهي غير صالحة لإطار عمل واحد.
<html> <head> <title> اضبط لون حدود الإطار </title> </head> <الإطارات صفوف = 30 ٪ ، 70 ٪ framespacing = 10 bordercolor =#cc99ff> <rame> <frameet cols = 20 ٪ ، 55 ٪ ، 25 ٪ framespacing = 30 bordercolor =#9900ff> </html>2. إطار (<الإطار>) وسمات SRC.
كل صفحة في بنية الإطار هي نص منفصل ، ويتم تعيين هذه الملفات من خلال معلمة SRC.
بناء الجملة: <الإطار src = عنوان ملف مصدر الصفحة>
ملاحظة: ملف الصفحة هو المحتوى المحدد لصفحة الإطار. ليس له أي تأثير على إطار دون تعيين الملف المصدر وفقط صفحة فارغة. يمكن أن يكون الملف المصدر للصفحة ملف HTML عاديًا أو صورة أو ملف آخر.
<html> <head> <title> تعيين ملف مصدر الصفحة </title> </head> <إطارات صفوف = 30 ٪ ، 70 ٪> <الإطار src = pic01.gif> <الإطار src = src01.html> </frameet> </html>3. <Noframes> </frames> علامات
يتم استخدام علامة <Noframes> </frames> لعرض محتوى الصفحة عندما لا يدعم المتصفح الإطارات.
<html> <الإطارات cols = 25 ٪ ، 50 ٪ ، 25 ٪> <frame src =/example/html/frame_a.html> <frame src =/example/html/frame_b.html> <frame src =/example/html/frame_b.html> <Noframes> <Body> لا يمكن للمتصفح التعامل مع الإطار! </body> </noframes> </frameset> </html>2. إطار عائم (<frame>)
إطار عائم هو إطار خاص نسبيا. إنها تعشش نافذة طفل في نافذة المتصفح. أي أن الصفحة بأكملها ليست صفحة إطار ، ولكنها تحتوي على نافذة إطار. عرض محتوى الصفحة المقابل في نافذة الإطار. تسمى الإطارات العائمة أيضًا إطارات مضمّنة ، وبالتالي يتم تسميتها.
بناء الجملة: <iframe src = page source file> </frame>
ملاحظة: على غرار بنية الإطار العادي ، يمكن للإطار العائم أيضًا تعيين العديد من المعلمات ، مثل الاسم ، التمرير ، الإطار ، وما إلى ذلك ، ومع ذلك ، مقارنة بالإطارات العادية ، لا يحتوي الإطار العائم على تعديل الإطارات والمعلمات الحدودية.
سمة SRC: المعلمة الأساسية في إطار العائمة هي SRC. يتم استخدامه لتعيين عنوان الملف المصدر لصفحة الإطار العائمة وهو أيضًا معلمة ضرورية لصفحة الإطار العائمة. لأنه فقط عند تعيين محتوى الملف المصدر ، يكون الإطار العائم منطقيًا. بناء الجملة: <iframe src = ملف مصدر الصفحة>
خصائص العرض والارتفاع: في بنية إطار عادية ، نظرًا لأن الإطار هو نافذة المتصفح بأكمله ، فهي لا تحتاج إلى ضبط حجمها. ومع ذلك ، في إطار عائم ، يتم إدخاله في صفحة HTML عادية ، ويمكن تغيير حجم الإطار بأكمله. بناء الجملة: <iframe src = src = عرض ملف مصدر الصفحة العائم = ارتفاع عرض الصفحة = ارتفاع الصفحة> ، تكون قيم العرض والارتفاع للصفحة بالبكسل.
<html> <Body> <frame src =/i/eg_landscape.jpg width = 550 height = 310> </frame> <p> لا تدعم بعض المتصفحات القديمة iframes. </p> <p> إذا كان مدعومًا ، فإن iframe غير مرئي. </p> </body> </html>3. مثال على تخطيط إطار
<html> <head> <title> الإطار الصفحة الرئيسية: الصفحة الرئيسية </title> </head> <الإطارات صفوف = 20 ٪ ،*> <!-مجموعة الإطارات ، حاوية لملف التحكم-> <frame name = topfame src = src = 2.html marginWidth = 20px scrolling = no/> </frameet> <noframes> <!-يمكن أن تحتوي علامات noframes على علامات الجسم-> <body> لا تدعم هذه الصفحة علامات الإطارات! </body> </noframes> </frameset> </html>4. كيفية الخروج من إطار الروابط
في تخطيط الموقع الخلفي ، يتم استخدام الأطر بشكل متكرر. في كثير من الحالات ، نحتاج إلى القفز من الإطار وإعادة تحميل الصفحة. فكيف يمكن أن تنفجر الروابط من الإطار؟ في الواقع ، تحتاج فقط إلى تحديد السمة الهدف لعلامة <a> </a> لتكون _top. هنا مثال بسيط.
<html> <body> <p> هل هو مغلق في الإطار؟ </p> <a href =/index.html target = _top> الرجاء النقر هنا! </a> </body> </html>