كيفية إدراج إفريم في هتمل: مثال على استخدام

في فجر بناء الموقع ، استخدمت موارد الويب الإطارات على نطاق واسع لعرض أجزاء فردية من الصفحات. ولكن مع وصول الإصدار الجديد من HTML 5 ، تغير كل شيء. عناصر الترميز <إطار>، <إطارات> و <noframes> تعتبر قديمة. استبدالها كان علامة واحدة - <IFRAME>. كيفية الإضافة إلى html <iframe>؟ المثال التالي سيكون مفهوما حتى بالنسبة للمبتدئين في البرمجة.

ما هي الإطارات؟

الإطار هو أساس معظم صفحات الويب الأولى. إذا كنت تترجم حرفيا ، فإن هذه الكلمة تعني "الإطار" ، أي أن الإطار جزء صغير من الصفحة في المتصفح. يمكن تفسير الاستخدام الواسع للإطارات في الماضي من خلال الجودة المنخفضة والتكلفة المرتفعة لحركة الإنترنت. كقاعدة ، تم تقسيم الموقع إلى 3-5 أجزاء ، كل منها يحقق غرضًا معينًا:

"Cap" (الإطار العلوي على عرض الصفحة) - عرض اسم المورد ؛
يسار / يمين "زجاج" - إخراج القائمة ؛
الإطار المركزي هو عرض محتوى الموقع.

تقسيم الصفحة إلى أجزاء مسموح بها للإفراط في تحميل جزء معين فقط عند تحديثه. على سبيل المثال ، نقر المستخدم على عنصر قائمة وتم تنزيل محتوى جديد إلى الإطار المركزي.

إطارات حديثة في HTML 5

لماذا استخدام HTML <IFRAME>؟ مثال على ذلك هو إدراج المحتوى من مورد جهة خارجية. الوضع الكلاسيكي هو عندما يريد مطور ويب عرض موضع كائن على الخريطة. كيف تكون؟ ارسم خطة تضاريس من الصفر؟ لا - هناك حل أبسط: تضمين عنصر في خريطة Google أو خرائط Yandex أو 2GIS على الصفحة. يتم حل المشكلة في أربعة إجراءات.

يجب عليك الذهاب إلى موقع أي خدمة رسم خرائط.
العثور على الكائن المطلوب. معرفة العنوان الدقيق ، يمكنك إدخاله في مربع البحث.
استخدم الزر "حفظ وتلقي الرمز" (لـ "Yandex.Map") أو "تم" (لخرائط Google) للحصول على الرمز المراد إدراجه.
يبقى إدخال علامات التمييز التي تم إنشاؤها على الصفحة.

بالإضافة إلى ذلك ، يمكنك تحديد حجم الخريطة وتهيئة خيارات العرض الأخرى.

كيف يمكنني استخدام HTML <iframe> حفظ؟ مثال على ذلك هو إدراج مواد الفيديو من مورد Youtube. تستقطب تكنولوجيا الوسائط المتعددة مستخدمي الإنترنت ، لذا فإن محتوى الفيديو يحظى بشعبية كبيرة. مع تثبيت مطور الفيديو سوف تعامل بسرعة.

يجب عليك تحميل الفيديو الخاص بك على يوتيوب أو العثور على ملف طرف ثالث للبث.
احصل على العلامة عن طريق اختيار زر "HTML"
الإجراء النهائي هو إدخال شفرة HTML <iframe>. سيتم مناقشة مثال على محتوى العلامة أدناه.

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

بناء الجملة

لذا ، قبل البدء في تخطيط الصفحة ، يجب مراعاة علامة iframe (html): ما هي وكيفية استخدامها بشكل صحيح.

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