این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ frameset در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ frameset در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Frameset در HTML
تگ frameset
در واقع یک ظرف است برای نگهداری تگ <frame> ، که بطور کلی با استفاده از آن میتوان Frame یا فریم هارو در یک صفحه ی وب ایجاد نمود.
Free-Learn
مثال از تگ frameset در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ frameset ( اصلا ازش استفاده نکنید )
1 2 3 4 5 6 7 |
<html> <frameset> <frame src="https://free-learn.ir"> </frameset> </html> |
مثال شماره ۲ : استفاده از تگ Iframe ( شما هم از این تگ استفاده نمایید )
1 2 3 4 5 |
<body> <iframe src="https://free-learn.ir"></iframe> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ frameset
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
- در حالت عادی و از نظر سئو سعی کنید از فریم ها (Frame) در صفحات وبتان استفاده نکنید ، چرا که موتورهای جستجوگر، همچون گوگل قادر به درک و تفسیر محتوای فریم ها نمی باشند و گوگل از سایت هایی که از فریم استفاده کرده زیاد خوشش نمیاد.
لذا اگر مجبور هستید و میخواهید از تگ frameset در یک صفحه ی وب استفاده نمایید، به گونه ای که این فریم ها مورد تایید ( از نظر موتورهای جستجوگر ) معتبر باشند باید از <DOCTYPE!> های زیر استفاده نمایید.
- برای HTML :
- <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
- برای XHTML :
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
Free-Learn
مثال های بیشتر
مثال شماره ۱ : غیرفعال کردن تغییر اندازه فریم ها ( اگه با ماوس وسط فریم هارو بگیریم دیگه نمیشه تغییر اندازه داد )
1 2 3 4 5 6 7 8 |
<html> <frameset cols="50%,50%"> <frame src="https://free-learn.ir" noresize="noresize"> <frame src="https://free-learn.ir"> </frameset> </html> |
مثال شماره ۲ : غیرفعال کردن اسکرول در فریم ها
1 2 3 4 5 6 7 8 |
<html> <frameset cols="50%,50%"> <frame src="https://free-learn.ir" scrolling="no"> <frame src="https://free-learn.ir"> </frameset> </html> |