این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ frame در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ frame در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Frame در HTML
تگ frame تگی است که در درون تگ frameset مورد استفاده قرار میگیرد و با استفاده از آن میتوان یک صفحه وب ، یه سایت ، عکس ، ویدئو و… رو در یک قاب یا پنجره که بهش میگیم Frame به نمایش درآوریم.
این تگ در HTML5 بکل منسوخ شدس، هرچند در مرورگرها پشتیبانی میشه و بدون مشکل کار میکنه، ولی اصلا نباید استفاده کرد و باید بجای آن از تگ IFrame استفاده نمایید.
Free-Learn
مثال از تگ frame در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ frame ( اصلا ازش استفاده نکنید )
|
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
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ frame در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
- در حالت عادی و از نظر سئو سعی کنید از فریم ها (Frame) در صفحات وبتان استفاده نکنید ، چرا که موتورهای جستجوگر، همچون گوگل قادر به درک و تفسیر محتوای فریم ها نمی باشند و گوگل از سایت هایی که از فریم استفاده کرده زیاد خوشش نمیاد.
لذا اگر مجبور هستید و میخواهید از تگ frame در یک صفحه ی وب استفاده نمایید، به گونه ای که این فریم ها مورد تایید ( از نظر موتورهای جستجوگر ) معتبر باشند باید از <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> |
