آموزش ایجاد فریم های داخلی

به لطف HTML 4.0  ما توانایی ایجاد فریمها را در بدنه صفحات پیدا کردیم. با استفاده از این نوع فریمها (inline frame) می توانیم صفحه خود را به صورت عادی طراحی کنیم و در هر کجای آن که مایل بودیم دریچه ای به یک صفحه دیگر بسازیم.

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

احتمالاً در بسیاری از صفحات نمونه هایی از این نوع فریم را دیده اید. اگر به ساختن آنها علاقه مند شده اید به سراغ تگ سازنده این فریمها می رویم:

با قرار دادن این تگ در کد HTML صفحه در جایی که می خواهید فریم قرار بگیرد می توانید یک فریم اینلاین بسازید:

<iframe src="../examples/html/page1.htm" width="400" height="250" frameborder="1"></iframe>

با این تگ شما می توانید یک فریم در صفحه خود بسازید. همانطور که می بینید ما در صفحه اصلی از تگ body استفاده کردیم و از تگ frameset هم استفاده نشد.

در اینجا به توضیح شناسه های قابل استفاده در این تگ می پردازیم:

• <iframe> : 
  این تگ آغازی یک فریم اینلاین است.

  ---

• "src="frame_1.htm : 
  این قسمت مشخص کننده آدرس صفحه ای است که می خواهیم در فریم نمایش داده شود.

  ---

• "width="350 : 
  مشخص کننده مقدار عرض فریم در مقیاس پیکسل است. البته می توانیم از مقیاس درصد هم استفاده کنیم.

  ---

• "height="250 : 
  مشخص کننده ارتفاع فریم در صفحه است. مقیاس آن می تواند پیکسل یا درصد باشد.

  ---

• "frameborder="1 : 
  مشخص کننده ضخامت لبه های فریم است.

در مورد لینکها هم رفتار این فریمها مانند بقیه فریمها است. می توانیم به آنها یک نام بدهیم و از شناسه target در لینکها استفاده کنیم. به یک مثال توجه کنید:

در ابتدا به تگ فریم خود یک نام نسبت می دهیم. مانند زیر:

<iframe src="../examples/html/page1.htm" width="400" height="250" frameborder="1" name="inlineframe1"></iframe>

در مرحله بعد به تگ لینک مورد نظر شناسه target را اضافه می کنیم. مانند زیر:

<a href="index.html" target="inlineframe1">این صفحه در فریم نمایش داده خواهد شد.</a>

حالا می توانید لینک زیر را کلیک کنید. خواهید دید که لینک در فریم همین صفحه باز خواهد شد:
 

این صفحه در فریم نمایش داده خواهد شد. 
 

مانند بقیه فریمها می توانید از شناسه "scrolling="no در تگ فریم استفاده کنید تا در فریم اسکرول بار نداشته باشید.