iframe چیست؟
یک iframe برای نمایش صفحه وب، درون یک صفحه وب دیگر استفاده می شود.
دستور اضافه کردن یک iframe
<iframe src="/URL"></iframe>
URL به مکان صفحه مجزای دیگری اشاره دارد.
تنظیم عرض و طول iframe
خصوصیت height و width برای تعیین طول و عرض یک iframe استفاده می شود.
مقدار این خصوصیت ها به طور پیش فرض بر حسب پیکسل بیان می شود اما می توان آنرا به درصد نیز بیان کرد. (مثل 80 %)
مثال (iframe چیست؟)
<iframe src="/demo_iframe.htm" width="200" height="200"></iframe>
خودتان امتحان کنید »حذف Border یا خطوط حاشیه iframe
خصوصیت frameborder مشخص می کند آیا حاشیه نمایش داده شود یا نه.
با تنظیم آن به عدد صفر حاشیه برداشته می شود.
استفاده از iframe به عنوان مقصد یک لینک
یک iframe می تواند به عنوان مقصد یک لینک استفاده شود.
خصوصیت target در یک لینک باید به خصوصیت name در عنصر iframe اشاره کند.
مثال (iframe چیست؟)
<iframe src="/demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://beyamooz.com" target="iframe_a">beyamooz.com</a></p>
خودتان امتحان کنید »<p><a href="https://beyamooz.com" target="iframe_a">beyamooz.com</a></p>
تگ iframe
| تگ | توضیح |
|---|---|
| <iframe> |
تعریف یک صفحه داخل صفحه جاری (frame) |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 47797
دیدگاه‌ها
با سلام. می خواستم بدونم ویژگی frameborder ایا هنوز استفاده می شه؟ چون خیلی سایت ها بجاش از style border استفاده می کنند؟
سلام خسته نباشید. رتبه و سئو چیست؟
سلام
1- رتبه سایت چیست؟ سایت ها را میتوان براساس پارامترهایی مثل "بازدیدها"، "سرعت بارگذاری"، "استاندارد بودن"، "لینک شدن توسط دیگر سایتها" و ... رتبه بندی کرد. بعنوان مثال سایت گوگل در بین کلیه سایت های موجود در جهان، رتبه 1 را دارد و سایت بیاموز رتبه 600 ایران را دارد. با استفاده از سایت alexa.com می توانید رتبه سایت ها را مشاهده کنید.
2- سئو چیست؟ کارهایی که باعث شود، رتبه بهتری کسب کنیم را SEO می نامند. بعنوان مثال، کپی نبودن مطالب سایت و استفاده صحیح از تگهای H1 تا H6 از مهمترین موارد SEO هستند.
سلام خواستم بدونم این اموزش ها همه تگ ها html را در میگیرد یا. نه یعنی لازم نیست کتاب یا cd اموزش از بیرون بگیریم
سلام و عرض ادب
آموزش هایی که در سایت بیاموز ارائه شده است از مقدماتی تا پیشرفته می باشد و مثلا در مورد "آموزش HTML" به تمامی تگ ها پرداخته ایم و نیازی به خرید کتاب و یا CD آموزشی نیست.
مرسی ممنون از شما
بخوبی iframe رو آموزش داده بودید، ممنون
عالی بود.
سلام میشود
مطالب سایت شما رو تو بلاگ خودم بذارم؟
باذکر منبع.
اگه آره منبع رو مثل شما بذارم یا اینکه یک بنر468*60 مثل بنر پایین سایت شما بذارم ؟
سلام
شما باید درخواست خودتون رو با مدیر ارشد سایت، آقای امیر پهلوان صادق، در میان بگذارید.
[email protected]
حالا متوجه شدم iframe چیست. ممنون.
سلام
1) یه سوال آیا تگ iframe روی رتبه و سئو سایت تاثیر منفی میزاره ؟
2) یه سوال دیگه اگه با استفاده از iframe آدرس سایت اول رو درون سایت دوم بزاریم آیا بازدید از سایت دوم باعث میشه که رتبه سایت اول بالا بره .
سلام
1- استفاده از iframe روی SEO سایت می تواند تأثیر منفی داشته باشد، بنابراین پیشنهاد می شود تا جای امکان از آن استفاده نکنید.
2- خیر و این بخاطر این است که از نظر خزشگرها iframe یک ظرف خالی است و محتوای آنرا ایندکس نمی کنند.
به نظر من نیازی نیست که از این عناصر استفاده کرد،چون با المان div هم می شود اینکار را انجام دادو
عنصر frame استاندارد نیست
بله جق با شماست عنصر iframe چیز خوبی نیست و موتورهای جستجو داخل آنرا خزش نمی کنند. اما می شه برای ما توضیح بدید که چطوری فقط با استفاده از div می تونیم یک صفحه دیگر را درون صفحه جاری نمایش دهیم...؟
بله حق با شماست،نمی شود یک صفحه دیگر را نمایش داد ولی
منظورم این است که معمولا برای نمایش لینک ها در بخشی از صفحه استفاده می شود و می شود این کار را با عنصر div از طریق خاصیت id لینک و target انجام داد.
امروز فهمیدم که بجز iframe نمیتوان محتویات یک عنصری را در عنصر دیگر نمایش داد
چون باید خاصیت src در تگ لینک را برابر name آن iframe قرار داد و فقط iframeخاصیت name دارد و المان هایی مانند div این خاصیت را ندارند.
و مطلبی که من در بالا نوشتم اشتباه است.
با این توضیح حق با شماست، و طبق چیزی که شما گفتید باید عمل کنیم...
برای توضیح بیشتر ...! در خیلی از وب لاگ ها می بینیم که دوستان از iframe برای نمایش مجموعه ای از لینک ها استفاده می کنند که البته این لینک ها می تواند آخرین اخبار یک سایت دیگر باشد. که توسط همان سایت مقصد، تغذیه می شود.
تو قسمت لینک ها من یه سوال در مورد "چگونه از یک فریم بیرون بیاییم. (اگر سایت شما در یک فریم محصور است)"
پرسیده بودم،مصداقش همینجاست؟
بله در این مطلب، درباره iframe توضیحات بیشتری ارائه شده است، البته جهت اطلاع کاربران عزیز، آقای مانی روی مثال زیر سوالی را مطرح کرده بودند (منظورتون از فریم و اینکه سایت تو یک فریم محصور باشه چیه؟):
www.beyamooz.com/try_it_yourself/tryit.php?filename=tryhtml_frame_getfree
همان طور که در این مثال مشاهده خواهید کرد، زمانی که روی لینک "Click here" کلیک می شود، بدلیل اینکه از خصوصیت target با مقدار "top_" استفاده شده است، بقول مانی، مقصد لینک، در یک صفحه ی کاملاً مجزا باز می شود. در صورتی که اگر ویژگی target تنظیم نشده بود، مقصد لینک در همان iframe باز می شد.
ممنون عالی بود.
میشه درباره قسمت آخر توضیح بدین؟ استفاده از iframe به عنوان مقصد لینک؟ یعنی صفحه ای که در iframe نمایش میدیم به عنوان لینک هم تعریف کنیم؟
اگر به مثال توجه فرمایید، مشاهده می کنید که صفحه شامل یک تگ iframe و یک تگ a است. حالا زمانی که روی لینک یا همان تگ a کلیک شود، مقصد یا صفحه ای که قرار بوده به ازای کلیک کردن روی این لینک باز شود، در iframe مذکور باز خواهد شد.
فقط یک کلام سایتتون فوق العادست
فقط من DIV را یاد نگرفتم اگه میشه یه توضیح ساده بدید
عنصر div: این عنصر، فقط و فقط بعنوان یک ظرف برای دیگر عناصر کاربرد دارد. خوب یعنی چی؟ سعی می کنم با یک مثال ساده بیشتر توضح بدهم، تصور کنید بخواهیم یک فرم که شامل چندتا فیلد ورودی است رو طراحی کنیم (مثل همین فرم نظرسنجی که شامل 3 فیلد نام، ایمیل و توضیحات است) اگر در حین طراحی تصمیم بگیریم که رنگ پس زمینه همه فیلدها را "سبز روشن" کنیم، چه روشی بهینه تر است ...!
جواب در استفاده از عنصر div است، براحتی می توانیم همه فیلدها را بهمراه لیبل هایشان در یک div قرار بدیم و سپس رنگ پس زمینه div را تغییر بدهیم.
اما مهم ترین استفاده div در صفحه بندی است البته از مخفف آن که، division است می توان حدث زد که برای تقسیم بندی صفحه استفاده می شود.
ممنون