ایچ تی ام ال فریم

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

实例

垂直框架
本例演示:如何使用三份不同的文档制作一个垂直框架。
水平框架
本例演示:如何使用三份不同的文档制作一个水平框架。

可以在本页底端找到更多实例。)

框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面
框架结构标签()
  • 框架结构标签()定义如何将窗口分割为框架
  • 每个 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"> شناسایی می‌شود.
با استفاده از هدایت‌کننده قاب به بخش مشخص شده هدایت شوید
این مثال دو قاب را نمایش می‌دهد. قاب سمت چپ شامل لیست لینک‌هایی است که قاب دوم را به عنوان هدف دارند. قاب دوم مستندات مرتبط را نمایش می‌دهد. لینک‌های قاب هدایت‌کننده به بخش‌های مشخص شده در فایل هدف اشاره دارند.