ما هي الأطر في لغة البرمجة HTML

اقرأ في هذا المقال


مفهوم الأطر في لغة البرمجة HTML:

يشير مفهوم الإطار Frame ) في لغة البرمجة (HTML) إلى تخصيص مكان في الصفحة يتم فيه عرض محتوى موجود في صفحة أخرى، أي بمعنى آخر الإطار يتيح للمستخدم إمكانية عرض محتوى صفحة (HTML) بداخل صفحة (HTML) أخرى.

الخصائص الرئيسية لمفهوم الأطر في لغة البرمجة HTML:

إضافة إطار في صفحة HTML:

بشكل عام يتم استخدام الوسم (<iframe>) على هذا النحو (<iframesrc=“url”></iframe>) لعرض إطار في الصفحة. وفي مكان الكلمة “url” نضع مسار الصفحة التي نريد عرضها بداخله.

تحديد حجم الإطار في لغة البرمجة HTML:

إن الإطار الذي يتم عرضه في الصفحة يتم عرضه في مساحة صغيرة جداً فيها ما لم تحدد الحجم بنفسك وفي العادة حجم الإطار نقوم بتحديده بواسطة كود (CSS)، وفي لغة البرمجة (HTML) هناك طريقتين لتحديد حجم الإطار وهي:

  • width: نستخدمها لتحديد عرض الإطار الذي سيتم عرضه بالبكسل.
  • height: نستخدمها لتحديد طول الإطار الذي سيتم عرضه بالبكسل.

إضافة عنوان للإطار في لغة البرمجة HTML:

العنوان الذي نضعه للإطار ليس الهدف منه أن يتم عرضه في الصفحة، أي أن لا يتم عرضه في الصفحة أمام المستخدم، وتكمن أهمية العنوان الذي نضعه للإطار هو أنه في حال كان المستخدم كفيف و يعتمد على قارئ الشاشة Screen Reader ) حتى يقرأ له محتوى الصفحة.

ولوضع عنوان للإطار قم بإضافة الخاصية (title) للوسم (<iframe>) و تمرير العنوان لها كقيمة على هذا النحو (<iframetitle=“text>).

فتح رابط بداخل إطار في لغة HTML:

في حال أردت فتح الرابط الموضوع في الصفحة بداخل إطار موضوع في نفس الصفحة يمكنك إضافة الخاصية (name) للإطار و تمرير إسم خاص بها، وبعد ذلك يتم تمرير الإسم الذي تم وضعه نفسه للخاصية (target) في الرابط.

عرض فيديو من يوتيوب في الصفحة:

أي فيديو تجده في يوتيوب (YouTube)ي مكنك عرضه بكل سهولة بداخل الصفحة بدون الحاجة لكتابة أي كود بنفسك حيث أن يوتيوب يوفر لك خيار إسمه تضمين (Embed) بمجرد النقر عليه يظهر لك كود إطار يعرض الفيديو، وحتى لتجد خيار التضمين (Embed) أنقر على زر المشاركة (Share) الذي تجده تحت الفيديو و سيظهر لك، وبعد ذلك أنقر عليه حتى يعطيك الكود الذي يمكنك نسخه ووضعه في الصفحة.

المصدر: HTML - FramesHTML TagHTML frames – HTML tutorial 9HTML | Tag


شارك المقالة: