فریم ها در HTML

یکی از موارد کاربردی در طراحی صفحات وب، کار و استفاده از فریم ها هست؛ در این مقاله آموزش طراحی سایت، مفاهیم مرتبط را بصورت پایه و مفهومی مطرح می کنیم.

فریم ها در  HTML

با فریم ها، صفحات وب متعددی می توانند در همان پنجره مرورگر نمایش داده شو ند.

توجه:  انتظار نداشته باشید فریم ها در نسخه های آینده HTML پشتیبانی شوند.

 با فریم ها، شما می توانید بیش از یک سند HTML در همان پنجره مرورگر نمایش دهید. هر پرونده HTML یک فریم نامیده می شود، و هر فریم نیز مستقل از دیگری است.

معایب استفاده از فریم ها

  • از فریم ها انتظار نمی رود در نسخه های آینده HTML پشتیبانی شوند.
  • استفاده از فریم ها مشکل است(چاپ کل صفحه کار دشواری است).
  • توسعه دهنده گان وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشند.

 المنت های فریم در اچ تی ام ال

عنصر فریم یک یا چند عنصر فریم را نگه می دارد. هر عنصر فریم  می تواند یک سند را جداگانه نگه دارد.

دراین عنصر فریم های بسیاری از ستون یا ردیف ایالت ها وجود دارد، و مقدار درصدی /    و  پیکسل فضایی  که هر یک از آنهااشغال می کنند.

عنصر فریم در HTML

تگ <frame>تعریف یک پنجره خاص(فریم) در درون مجموعه فریم ها را تعریف می کند.

مثال پایین یک frameset با دو ستون را نشان می دهد:

[html]
<frameset cols="25%,75%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>
[/html]

 . ستون اول تا ۲۵ ٪ از عرض پنجره مرورگر تنظیم شده است

.ستون دوم تا ۷۵%  ازعرض پنجره مرورگر تنظیم شده است

سند    “frame_a.htm” در ستون اول قرار داده شده است، و سند “frame_b.htm” در ستون دوم قرار گرفته است.

نکته: فریم ها ی اندازه ستون می تواند بر حسب پیکسل تنظیم شوند (“cols=”200,500) , و همچنین می توان  یکی از ستون ها را با علامت ستاره برای استفاده از فضای باقی مانده، تنظیم کرد (“cols=”25%,*).

نکات پایه ای — اطلاعات مفید:

اگر فریم یک کادر  قابل رویت داشته باشید می تواند با کشیدن کادر آن ، اندازه آن را تغییر دهید. برای جلوگیری کاربر از انجام این کار ، شما می توانید “noresize” را به تگ <frame>  اضافه کنید.

نکته: افزودن تگ  <noframes> برای مرورگر هایی است که فریم ها را پشتیبانی نمی کنند.

مهم: شما نمی توانید  تگ   <body></body> را همراه با تگ  <frameset></frameset> استفاده کنید. با این حال ، اگر شما تگ <noframes>  را که حاوی مقداری متن برای مرورگر هایی که فریم ها را پشتیبانی نمی کنند اضافه می کنید شما باید متن را در بین تگ  <body></body> قرار دهید.

به عنوان مثال:

[html]
<html>
<"frameset cols="25%,50%,25%>
< frame src="frame_a.htm"/>
<frame src="frame_b.htm"/ >
<frame src="frame_c.htm"/ >
<noframes>
<body>Your browser does not handle frames!</body>
<noframes/>
<frameset/>
<html/>
[/html]

که خروجی به صورت زیر است:

Array

استفاده از فریم ها در طراحی وب

 کلام آخر اینکه استفاده ی صحیح و به دور از سوء استفاده از فریم ها در طراحی سایت، از اهمیت ویژه ای برخوردار است؛ به این نکته توجه داشته باشید که از فریم ها هرگز برای فریب گوگل استفاده نکنید.

دیدگاه خود را برای ما ارسال کنید

5 Comments
    • Mehdi
    • ۱۳۹۱-۰۹-۱۸
    پاسخ

    باعرض سلام خسته نباشید از راهنمایی تون ممنون

    • حسین
    • ۱۳۹۲-۱۲-۰۲
    پاسخ

    با سلام خسته نباشید
    من html 5نصب کردم و این کد قرار دادم ولی ذخیره میکنم و با موزیلا باز میکنم کلا صفحه سفید است

    • shayan
    • ۱۳۹۳-۰۹-۲۵
    پاسخ

    با سلام خیلی عالی بود ممنون.

    • رضا
    • ۱۳۹۴-۱۰-۱۴
    پاسخ

    اقااا دمتون گرم الان شیش صبحه من دو ساعت دیگه امتحان دارم و اینو بلد نبودم الان کامل متوجه شدم مرسی از مطالبتون

    • eli
    • ۱۳۹۵-۰۵-۲۹
    پاسخ

    thank you. :)

  1. Pingback: آموزش عنصر HR و کاربرد آن در HTML - یک میزبان

  2. Pingback: آموزش عنصر IFRAME و کاربرد آن در HTML - یک میزبان