چارچوب‌های HTML

با استفاده از چارچوب‌ها، می‌توانید بیش از یک صفحه را در یک پنجره مرورگر نمایش دهید.

مثال

چارچوب عمودی
مثال اینجا: چگونه یک چارچوب عمودی با استفاده از سه مستند مختلف ایجاد کنید.
چارچوب افقی
مثال اینجا: چگونه یک چارچوب افقی با استفاده از سه مستند مختلف ایجاد کنید.

(مثال‌های بیشتری در پایین این صفحه یافت می‌شود.)

چارچوب

با استفاده از چارچوب‌ها، می‌توانید بیش از یک صفحه را در یک پنجره مرورگر نمایش دهید. هر مستند HTML به عنوان یک چارچوب شناخته می‌شود و هر چارچوب مستقل از چارچوب‌های دیگر است.

مضرات استفاده از چارچوب‌ها:

  • توسعه‌دهندگان باید به طور همزمان مستندات HTML بیشتری را دنبال کنند
  • چاپ کامل صفحه بسیار دشوار است
برچسب‌های ساختار چارچوب (<frameset>)
  • برچسب‌های ساختار چارچوب (<frameset>) تعیین می‌کند که چگونه پنجره را به چارچوب‌ها تقسیم می‌کند
  • هر frameset یک مجموعه از ردیف‌ها را تعریف می‌کندیاستون
  • مقدار rows/columns تعیین می‌کند که هر ردیف یا ستون چه مقدار از صفحه نمایش را اشغال می‌کند

توضیح نویسنده:برچسب frameset نیز در برخی از مقالات و کتاب‌ها به عنوان چارچوب‌ها ترجمه شده است.

برچسب‌های چارچوب (Frame)

برچسب Frame مستند HTML قرار گرفته در هر چارچوب را تعریف می‌کند.

در این مثال، ما یک چارچوب دو ستونی تنظیم کرده‌ایم. ستون اول به اندازه 25٪ از پنجره مرورگر تنظیم شده است. ستون دوم به اندازه 75٪ از پنجره مرورگر تنظیم شده است: HTML مستند "frame_a.htm" در اولین ستون قرار دارد و HTML مستند "frame_b.htm" در دومین ستون قرار دارد:

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

ملاحظات اولیه - نکات مفید:

اگر یک چارچوب دارای لبه‌های قابل مشاهده باشد، کاربر می‌تواند لبه‌ها را به حرکت درآورد تا اندازه آن را تغییر دهد. برای جلوگیری از این موضوع، می‌توان در برچسب <frame> اضافه کرد: noresize="noresize".

برای مرورگرهایی که قاب‌ها را پشتیبانی نمی‌کنند، برچسب <noframes> اضافه کنید.

تذکر مهم:نمی‌توان برچسب‌های <body></body> و <frameset></frameset> را به طور همزمان استفاده کرد! اما اگر بخواهید برچسب‌های <noframes> شامل یک متن را اضافه کنید، باید این متن درون برچسب‌های <body></body> قرار گیرد. (در مثال اول می‌توانید مشاهده کنید که چگونه این کار انجام می‌شود.)

مثال‌های بیشتر

چگونه می‌توان از برچسب <noframes> استفاده کرد
این مثال نشان می‌دهد که چگونه می‌توان از برچسب <noframes> استفاده کرد.
ساختار قاب‌های ترکیبی
این مثال نشان می‌دهد که چگونه می‌توان ساختار قاب‌هایی با سه مستند را ایجاد کرد که به صورت ترکیبی در ردیف‌ها و ستون‌ها قرار می‌گیرند.
ساختار قاب‌های دارای ویژگی noresize="noresize"
این مثال نشان می‌دهد که چگونه می‌توان از ویژگی noresize استفاده کرد. در این مثال، قاب‌ها قابل تغییر اندازه نیستند. اگر موس را در بالای لبه‌های قاب بیندازید، متوجه خواهید شد که لبه‌ها قابل جابجایی نیستند.
قاب ناوبری
این مثال نشان می‌دهد که چگونه می‌توان قاب ناوبری ایجاد کرد. قاب ناوبری شامل لیستی از لینک‌ها است که قاب دوم را به عنوان هدف دارند. فایل به نام "contents.htm" شامل سه لینک است.
قاب‌های درون‌صفحه
این مثال نشان می‌دهد که چگونه می‌توان قاب‌های درون‌صفحه (قاب‌های درون HTML صفحه) ایجاد کرد.
به بخش مشخص شده درون قاب جابجایی کنید
این مثال دو قاب را نشان می‌دهد. یکی از این قاب‌ها لینک‌هایی را به بخش‌های مشخص شده در یک فایل دیگر اشاره دارد. این "link.htm" فایل به بخش‌های مشخص شده با استفاده از <a name="C10"> شناسایی می‌شود.
با استفاده از ناوبری قاب به بخش مشخص شده جابجایی کنید
این مثال دو قاب را نشان می‌دهد. قاب سمت چپ شامل لیستی از لینک‌ها است که قاب دوم را به عنوان هدف دارند. قاب دوم مستندات مرتبط را نمایش می‌دهد. لینک‌های درون قاب ناوبری به بخش‌های مشخص شده در فایل هدف اشاره دارند.