تصویر مقاله آموزش تگ frame در html
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 8 دقیقه

آموزش و يادگيري تگ frame در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <frame> آشنا مي‌شويم. اين تگ براي ايجاد قاب‌هاي مستقل در صفحات وب استفاده مي‌شد، اما در HTML5 منسوخ شده و بهتر است از <iframe> يا CSS استفاده شود.

تگ frame در HTML چيست؟

تگ <frame> به شما اجازه مي‌داد صفحه وب را به چند بخش تقسيم کنيد و هر بخش محتواي جداگانه‌اي داشته باشد. اين قاب‌ها معمولاً داخل <frameset> قرار مي‌گرفتند. با اين حال، استفاده از آن ديگر توصيه نمي‌شود.

مثال ساده از تگ frame

<frameset cols="50%,50%">
  <frame src="left.html" name="leftFrame">
  <frame src="right.html" name="rightFrame">
</frameset>

در اين مثال، صفحه به دو ستون تقسيم شده و هر ستون محتواي متفاوتي را نمايش مي‌دهد.

ويژگي‌هاي مهم تگ frame

ويژگي توضيح
src آدرس محتواي نمايش داده شده در قاب
name نام قاب براي ارجاع لينک‌ها يا اسکريپت‌ها
scrolling نمايش يا عدم نمايش اسکرول بار (yes, no, auto)
frameborder نمايش يا عدم نمايش حاشيه قاب (1 يا 0)

جايگزين مدرن براي frame

تگ <iframe> جايگزين مناسبي براي ايجاد بخش‌هاي مستقل از محتوا است و استاندارد HTML5 محسوب مي‌شود. مثال:

<iframe src="page.html" width="600" height="400"></iframe>

نکات مهم درباره frame

  • تگ frame و frameset در HTML5 منسوخ شده‌اند.
  • به جاي آن از iframe و CSS براي طراحي محتواي مستقل استفاده کنيد.
  • استفاده از frame باعث مشکلات در سئو و دسترسي وب مي‌شود.

براي يادگيري طراحي صفحات وب مدرن و جايگزين‌هاي استاندارد، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.

آموزش قبلي: تگ form در HTML

آموزش بعدي: تگ frameset در HTML

چه امتیازی برای این مقاله میدهید؟

0  از  0  رای

1404/07/23
  • 0
  • 0
تصویر دوره undefined
امین فرج زاده
برنامه نویس فول استک

بیش از 14 سال است که در حوزه برنامه‌نویسی و توسعه نرم‌افزار فعالیت می‌کنم. در این مدت با پروژه‌های متنوعی در مقیاس‌های مختلف همکاری داشته‌ام که هرکدام تجربه‌ای ارزشمند برای من به همراه داشته‌اند. اشتیاق من به کدنویسی و حل مسائل پیچیده فنی همچنان پررنگ است. تدریس را فرصتی ارزشمند برای یادگیری دوباره و انتقال دانش می‌دانم و همیشه تلاش کرده‌ام دانسته‌هایم را با دقت و علاقه در اختیار دیگران قرار دهم.

دیدگاه و پرسش

هیچ دیدگاهی برای این آموزش ثبت نشده است.