آموزش تگ frame در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ frame در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Frame در HTML
تگ frame
تگی است که در درون تگ frameset مورد استفاده قرار میگیرد و با استفاده از آن میتوان یک صفحه وب ، تصویر،ویدئو و… را در یک قاب یا پنجره که بهش میگیم Frame به نمایش درآوریم.
Free-Learn
مثال از تگ frame در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 6 7 8 |
<html> <frameset cols="50%,50%"> <frame src="https://free-learn.ir"> <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 | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ frame در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
(علامتیعنی در HTML5 پشتیبانی نمی شود.)
(هیچ یک از صفات این تگ در HTML5 پشتیبانی نمی شود، باید از CSS بجای آنها استفاده نمایید)
نام صفت | مقدار | توضیح |
---|---|---|
frameborder | ۰ ۱ |
مشخص میکند که آیا به دور لبه های فریم خط کشیده شود یا خیر. (![]() |
longdesc | URL | آدرس یک صفحه که حاوی اطلاعات،توضیحات برای محتوای فریم می باشد را مشخص میکند. (![]() |
marginheight | pixels | مقدار حاشیه (مارجین) یا (فاصله) از بالا و پایین فریم را مشخص میکند. (![]() |
marginwidth | pixels | مقدار حاشیه (مارجین) یا (فاصله) از راست و چپ فریم را مشخص میکند. (![]() |
name | text | یک نام را برای فریم مشخص میکند. (![]() |
noresize | noresize | مشخص میکند که فریم قابل تغییر اندازه نباشد. (بصورت پیش فرض با ماوس میتوان آن را تغییر اندازه داد) (![]() |
scrolling | yes no auto |
مشخص میکند که آیا اسکرول در فریم و محتوای آن نمایش داده شود یا خیر. (![]() |
src | URL | یک آدرس ( سورس / منبع / محتوا ) برای نمایش در فریم. (![]() |
Free-Learn
نکات و توضیحات
تگ frame
+ تمامی صفات آن در HTML5 پشتیبانی نمی شود.
در HTML تگ frame
یک تگ تنهاست (یعنی تگ پایانی ندارد) ولی در XHTML این تگ دارای تگ پایانی است و باید بسته شود.
در حالت عادی و از نظر سئو سعی کنید از فریم ها (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> |