آموزش تگ iframe در HTML
تگ <iframe> در HTML برای نمایش محتوای دیگری درون صفحه وب فعلی استفاده می‌شود. این تگ به شما امکان می‌دهد تا صفحات وب دیگر یا محتوای مولتی‌مدیا را درون صفحه وب خودتان جای دهید. در این مقاله، تمام جزئیات ویژگی‌ها و حالت‌های تگ <iframe> را بررسی خواهیم کرد و با مثال‌هایی آن‌ها را توضیح می‌دهیم.
1. تگ iframe در HTML
تگ <iframe> یک تگ خالی (یا بدون بسته شدن) است که به عنوان یک ناحیه جای‌دهی برای محتوای خارجی استفاده می‌شود. این محتوا می‌تواند از یک صفحه وب دیگر، یک ویدیو، یک نقشه گوگل، و غیره باشد.
<iframe src="https://www.example.com"></iframe>2. ویژگی‌های تگ iframe
تگ <iframe> دارای ویژگی‌های زیر است:
- src: مشخص می‌کند که کدام صفحه یا منبع دیگر باید درون
<iframe>نمایش داده شود. - width: عرض
<iframe>را مشخص می‌کند. - height: ارتفاع
<iframe>را مشخص می‌کند. - title: عنوان
<iframe>را مشخص می‌کند که برای دسترسی به آن توسط موتورهای جستجو و تکنولوژی‌های کمکی مورد استفاده قرار می‌گیرد. - sandbox: یک محیط محدود شده و ایزوله برای اجرای محتوا داخل
<iframe>را فعال می‌کند. - allow: مشخص می‌کند که چه نوع محتوایی (مثل ویدیوها و فایل‌های صوتی) اجازه نمایش داشته باشد.
3. مثال کامل
<iframe src="https://www.example.com" width="800" height="600" title="External Content"></iframe>در این مثال، یک <iframe> به عرض 800 پیکسل و ارتفاع 600 پیکسل ایجاد شده است که صفحه وب https://www.example.com را درون خود نمایش می‌دهد.
4. استفاده با ویژگی sandbox
<iframe src="https://www.example.com" sandbox="allow-scripts"></iframe>در این مثال، یک <iframe> با محیط محدود شده اجرای اسکریپت‌های داخلی ایجاد شده است.
5. استفاده با ویژگی allow
<iframe src="https://www.example.com" allow="autoplay"></iframe>در این مثال، <iframe> اجازه پخش خودکار ویدیوها را دارد.
نتیجه
تگ <iframe> در HTML به شما امکان می‌دهد تا محتوای خارجی را درون صفحه وب خودتان جای دهید. این تگ دارای ویژگی‌های متنوعی است که به شما اجازه می‌دهد محتوای داخلی را به دلخواه سفارشی‌سازی کنید. امیدواریم که این مقاله به شما کمک کرده باشد تا از تگ <iframe> در پروژه‌های خود بهتر استفاده کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام