سرخط خبرها

تگ iframe در HTML

تگ iframe در HTML
تگ iframe در HTML

تگ فریم شامل:  Frame , iFrame , Frameset

IFrame چیست؟

IFrame ها تگ هایی هستند که با استفاده از آنها میتوان یک سایت،وبلاگ دیگر یا بخشی از آنها را در صفحه خود قرار داد.یعنی حکم یک تب یا پنجره مجزا را در داخل وبلاگ یا سایت بازی میکنند که آدرس از قبل وارد شده در کدها را نشان میدهند.به کار بردن IFrame ها بسیار ساده است و فقط یک تگ است و چند تنظیمات دلخواه!

تگ iframe

اگر بخواهیم قسمتی از یک سایت را وارد صفحه html خود بکنیم از تگ آیفریم استفاده می کنیم.

با تگ<iframe> میتوان فریم های درون خطی ایجاد کرد. تگ iframe هنوز در html 5 پشتیبانی میگردد.

توجه داشته باشید که نمی توانید به طور همزمان از تگ های <body></body> و <frameset></frameset> با هم استفاده کنید. اگرچه اگر از تگ <noframes> شامل متنی برای نمایش در مرورگرهایی که از فریم ها پشتیبانی نمی کنند، استفاده کنید، مجبورید متن را در تگ های <body></body> قرار دهید. در اولین مثال زیر نحوه این کار را ببینید.

 

برای به کار بردن IFrame ها از تگ زیر استفاده میکنیم:

کد بالا،شیوه ساده آی فریم است که هیچ کاری انجام نمیدهد و منتظر دستورات بعدی ماست.برای دادن آدرس اینترنتی به IFrame مان ، از صفت src استفاده میکنیم:

تعیین عرض و ارتفاع

برای تعیین عرض و ارتفاع در آی فرمی ها، به ترتیب از صفات width و height استفاده میکنیم.مقادیر وارد شده در این صفات برحسب پیکسل میباشند هرچند که عبارت px نوشته نمیشود :

مثال زیر کاربرد تگ iframe را در بخش آموزش html نشان می دهد.

<iframe src="http://www.jizjiz.ir"></iframe>

به کد زیر نگاه کنید:

<!doctype html>

<html>

<head>

<title>test</title>

</head>

<body>

<iframe src=”http://google.com/” frameborder=”0″></iframe>

</body>

</html>

 

 صفت های تگ iframe

این تگ دارای صفات متعددی می باشد که از جمله آنها عبارتند از:

صفت src

این صفت منبع آیفریم را مشخص نموده، در واقع آدرس سایت مورد نظر در داخل آن قرار می گیرد.

صفت frameborder

این صفت ضخامت بردی آیفریم را تعیین می کند و مقادیر آن عدد می باشد.

صفت width

این صفت عرض آیفریم را تعیین می کند مقادیر آن می تواند عدد یا درصد باشد.

صفت height

این صفت ارتفاع آیفریم را تعیین می کند و مقادیر آن می تواند عدد یا درصد باشد.

صفت align

این صفت محل قرار گیری آیفریم را تعیین می کند و دارای مقادیر پیش فرض زیر می باشد.
left

تعیین می کند که آیفریم در سمت چپ تگ والد خود قرار گیرد.

right

تعیین می کند که آیفریم در سمت راست تگ والد خود قرار گیرد.

middle

تعیین می کند که آیفریم در  وسط تگ والد خود قرار گیرد.

top

تعیین می کند که آیفریم در بالای تگ والد خود قرار گیرد.

bottom

تعیین می کند که آیفریم در پایین تگ والد خود قرار گیرد.

صفت scrolling

این صفت تعیین میکند که آیفریم ما دارای نوار اسکرول باشد یا خیر و دارای مقادیر پیش فرض زیر می باشد.
۱٫ yes

تعیین می کند که آیفریم باید دارای نوار اسکرول باشد.

۲٫ no

تعیین می کند که آیفریم نباید دارای نوار اسکرول باشد.

۳٫ auto

تعیین می کند در صورتی که اندازه محتویات آیفریم از عرض و ارتفاع آیفریم بیشتر باشد، آیفریم باید دارای نوار اسکرول باشد در غیر اینصورت خیر.

 صفت name

این صفت نامی اختصاصی برای آیفرم تعیین می کند که یکی از کاربردهای آن در زیر توضیح داده خواهد شد.

صفت marginheight

مقادیر این صفت عدد می باشد و فاصله بالا و پایین محتویات آیفریم را از لبه آن تعیین می کند.

صفت marginwidth

مقادیر این صفت عدد می باشد و فاصله چپ و راست محتویات آیفریم را از لبه آن تعیین می کند.

لینک به آیفریم

فرض کنید در یک صفحه که آیفریم داریم که مقدار صفت name آن test می باشد و یک لینک دارایم که به سایت google لینک شده است حال اگر بخواهیم زمانی که کاربر بر روی این لینک کلیک می کند. سایت goolge در داخل آیفریم باز شود اینگونه عمل می کنیم:

 <!doctype html>
<html>
<head>
 <title>test</title>
</head>
<body>
 <iframe src="http://azadkar.com/" frameborder="0" name="test"></iframe>
 <a href="http://google.com/" target="test">goolge</a>
</body>
</html>
QR Code For: تگ iframe در HTML

درباره ی jizjiz

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload CAPTCHA.