تگ 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 آشنا شدید.
  • این تگ یک صفحه وب را در صفحه شما نمایش می دهد.

توسعه دهندگان
احسان اسلامی