آموزش استفاده از iframe در HTML

از iframe برای نمایش دادن یک صفحه وب در داخل یک صفحه وب دیگر استفاده می شود.

قواعد نوشتاری iframe

در html، یک iframe با استفاده از تگ <iframe> تعریف می شود:

<iframe src="/URL"></iframe>

تنظیم عرض(Width) و ارتفاع(Height) برای iframe

<iframe src="https://sina2.ir" height="200" width="300"></iframe>

 و یا اینکه می توانیم با استفاده از CSS عرض و ارتفاع آی فریم را مشخص کنیم:

<iframe src="https://sina2.ir" style="height:200px;width:300px;"></iframe>

حذف کادر دور آی فریم در HTML

به طور پیش فرض، به دور iframe یک کادر قرار دارد. برای حذف این کادر، خصوصیت style را به آن اضافه کنید و از ویژگی border کمک بگیرید:

 <iframe src="https://sina2.ir" style="border:none;"></iframe>

با استفاده از CSS، می توانیم سایز و استایل و رنگ کادر آی فریم را نیز تغییر دهیم:

<iframe src="https://sina2.ir" style="border:2px solid red;"></iframe>

استفاده از target برای لینک در html

یک آی فریم می تواند به صورت یک target برای یک لینک مورد استفاده قرار بگیرد. خصوصیت target برای لینک مورد نظر باید به خصوصیت name از آی فریم رجوع کند.

<iframe src="/test1.html" name="iframe_a"></iframe>
<p><a href="https://sina2.ir" target="iframe_a">sina2.ir</a></p>