تگ Iframes
تگ iframes به توسعه دهندگان وب این امکان را می دهد تا یک صفحه وب را در صفحه خود نمایش دهند.
نحوه نوشتن این تگ به صورت زیر است :
<iframe src="url" title="title"></iframe>
در بخش زیر مثالی از تگ Iframes را مشاهده می کنید :
<iframe src="https://pnldev.com/fa/tutorial/html" title="PNLdev"></iframe>
برای تعیین اندازه تگ iframes باید از ویژگی های width و heigth استفاده کنید.
width طول و heigth ارتفاع صفحه را مشخص می کند.
در مثال زیر استفاده این ویژگی ها را در تگ iframes مشاهده می کنید :
<iframe src="https://pnldev.com/fa/tutorial/html" title="PNLdev" width="600px" height="600px"></iframe>
لینک دادن به Ifarmes
برای اینکه شما بتوانید در هنگام کلیک بر روی لینک یک Iframes رو نمایش دهید باید از دویژگی name و target استفاده کنید.
در مثال زیر یک لینک را میبینیم که وقتی بر روی آن کلیک می شود یک Iframes بر روی صفحه نمایش داده می شود :
<iframe src="" name="iframe_a" title="Iframe Example" width="600px" height="600px"></iframe>
<p><a href="https://pnldev.com/fa/tutorial/html" target="iframe_a">PNLdev.com</a></p>
در مثال بالا دیدید که باید مقدار ویژگی target با ویژگی name برابر باشد.
نکته: ویژگی name باید بروی Iframes و ویژگی target بر روی تگ a اعمال شود.
خلاصه درس
- در این بخش با تگ iframe آشنا شدید.
- این تگ یک صفحه وب را در صفحه شما نمایش می دهد.