در این جلسه از آموزش html با پردیس وردپرس با تگ یا المان iframe آشنا می شویم. شما میتوانید با کمک این تگ، یک صفحه کامل را با تمامی محتویات درون یک پنجره مشخص در صفحه خود نمایش دهید. از این تگ خصوصا در استفاده از سرویسهایی خارج از صفحه، همچون سرویسهای اشتراک گذاری ویدیو استفاده میشود.
المان iframe
یکی از مهمترین قابلیتهایی که این تگ دارد این است که میتوانید برخی سرویسهای موجود در سایتهای دیگر را در سایت خود مورد استفاده قرار دهید. مثلا فرض کنید ما میخواهیم سرویس چت آنلاین یک سایت دیگر را در بخشی از سایت خود وارد کنیم. به این کار اصطلاحا embed کردن میگویند. برای این کار تنها کافیست لینک صفحه سرویس مورد نظر را در آی فریم وارد کنیم.
قانون کلی نوشتن این تگ به صورت زیر است:
<iframe src=”/url”></iframe>
به جای url آدرس صفحه ای که می خواهیم نمایش دهیم را وارد می کنیم. بعد از آن دیگر نیازی به هیچ کاری نیست و تگ را میبندیم. بدین ترتیب صفحه یا سرویس مورد نظر شما در صفحه جدید به نمایش در خواهد آمد. می توانیم برای کنترل بهتر این المان, از اتریبیوت استایل برای آن استفاده کنید و طول و عرض آن را به دلخواه تعیین کنید. برای این کار بعد از اتریبیوت src, از اتریبیوت style استفاده میکنیم.
<iframe src=”/url” style=” “></iframe>
برای مثال ما طول و عرض ۱۰۰ پیکسل را برای صفحهی مورد نظرمان برگزیدهایم:
<iframe src=”آدرس سایت” style=”width=100px; height=”100px”></iframe>