Iframes یک ویژگی قدرتمند در HTML است که به شما اجازه میدهد تا یک صفحه وب دیگر را داخل صفحه فعلی خودتان جایگذاری کنید. این امکان بسیار مفید است زمانی که میخواهید محتوایی از یک سایت دیگر را در صفحه خود نمایش دهید، مانند نمایش یک ویدیو از یوتیوب، نمایش یک نقشه از گوگل مپ یا نمایش یک فایل PDF.
برای استفاده از Iframes، از تگ <iframe> در HTML استفاده میشود، که به عنوان مقدار src آن آدرس صفحه وب مورد نظر را مشخص میکنید.
مثال:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Example Iframe</title>
</head>
<body>
<h2>Embedded Google Map</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3152.545494044057!2d-122.08387848467519!3d37.38605107982077!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fbbf13eb4e77b%3A0x13b04b3ddfd7660!2sGolden%20Gate%20Bridge!5e0!3m2!1sen!2sus!4v1615188688601!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</body>
</html>در این مثال، یک Iframe ایجاد شده است که یک نقشه گوگل را از طریق آدرس https://www.google.com/maps/embed درون خود جایگذاری میکند. طول و عرض این Iframe نیز به ترتیب با استفاده از ویژگیهای width و height تعیین شده است.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام