فهرست سرفصل‌های HTML
خانه (Home) مقدمه (Introduction) ویرایشگرها (Editors) مثال های پایه (Basic Examples) عنصر (Elements) ویژگی ها (Attributes) سرفصل ها (Headings) پاراگراف ها (Paragraphs) استایل ها (Styles) قالب بندی متن (Text Formatting) عناصر نقل قول و استناد (Quotation and Citation Elements) کامنت ها (Comments) رنگ ها (Colors) رنگ های RGB و RGBA رنگ های هگز (HEX Colors) رنگ های HSL و HSLA سی اس اس (CSS) پیوندها (Links) پیوندها - رنگ های مختلف (Links - Different Colors) پیوندها - ایجاد نشانک ها (Links - Create Bookmarks) تصاویر (Images) نقشه های تصویر (Image Maps) تصاویر پس زمینه (Background Images) عنصر picture فاویکون (Favicon) عنوان صفحه (Page Title) جداول (Tables) جداول - حاشیه ها (Table Borders) جداول - اندازه ها (Table Sizes) جداول - سرفصل ها (Table Headers) جداول - فاصله گذاری و حاشیه گذاری (Table Padding & Spacing) جداول Colspan و Rowspan جداول - استایل دهی (Table Styling) جداول - گروه جدول (Table Colgroup) لیست ها (Lists) لیست ها - نامرتب (Unordered Lists) لیست ها - مرتب (Ordered Lists) لیست ها - اشکال دیگر (Other Lists) عناصر بلوکی و درون خطی (Block and Inline Elements) عنصر div کلاس ها (Classes) ویژگی id عنصر Iframes جاوااسکریپت (JavaScript) مسیرهای فایل (File Paths) عنصر head طراحی وب واکنش گرا (Responsive Web Design) عناصر کد کامپیوتر (Computer Code Elements) عناصر معنایی (Semantic Elements) راهنمای استایل (Style Guide) موجودیت (Entities) نمادها (Symbols) ایموجی ها (Emojis) رمزگذاری (مجموعه کاراکترها) نشانی اینترنتی (Uniform Resource Locator) HTML در مقابل XHTML
HTML

HTML — عنصر Iframes

آخرین بروزرسانی: 1404/07/05

عنصر Iframe در HTML

عنصر <iframe> در HTML برای نمایش یک صفحه وب درون صفحه دیگر استفاده می شود. این قاب داخلی (Inline Frame) به شما اجازه می دهد اسناد مختلف را داخل یک سند HTML قرار دهید.

سینتکس عنصر Iframe

برای تعریف یک Iframe کافی است از تگ <iframe> همراه با ویژگی src استفاده کنید. همچنین بهتر است ویژگی title را برای دسترس پذیری اضافه کنید.

<iframe src="demo_iframe.htm" title="Iframe Example"></iframe>

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

تنظیم ارتفاع و عرض Iframe

برای تغییر اندازه Iframe می توانید از ویژگی های height و width یا استایل CSS استفاده کنید.

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

حذف یا تغییر حاشیه Iframe

به طور پیش فرض اطراف Iframe یک حاشیه وجود دارد. برای حذف آن می توانید از CSS استفاده کنید:

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

همچنین می توانید با CSS رنگ و ضخامت حاشیه را تغییر دهید:

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

استفاده از Iframe به عنوان هدف لینک

می توان یک Iframe را به عنوان مقصد یک لینک مشخص کرد. برای این کار ویژگی name روی Iframe و ویژگی target روی لینک استفاده می شود.

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>
<a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a>

خلاصه

  • عنصر <iframe> برای نمایش یک صفحه درون صفحه دیگر استفاده می شود.
  • ویژگی src آدرس صفحه را مشخص می کند.
  • ویژگی title برای دسترس پذیری لازم است.
  • می توان اندازه Iframe را با height و width تغییر داد.
  • برای حذف حاشیه از border:none; استفاده کنید.

برای مطالعه بیشتر به بخش ویژگی id در HTML و اسکریپت ها در HTML مراجعه کنید.