آشنایی با تگ iframe

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

برای درک این موضوع ابتدا یک فایل جدید تحت عنوان second-page.html می سازیم و آن را به صورت زیر تکمیل می کنیم:

<html>  
    <head>
        <title>صفحه دوم</title>
    </head>
    <body>
        <h1>صفحه دوم</h1>
        <p>قرار است این صفحه را داخل صفحه اصلی نمایش دهیم</p>
    </body>
</html>

حال فایل اصلی خود تحت عنوان index.html را به صورت زیر تکمیل می کنیم

<html>
   <body>
       <iframe src="second-page.html" width="400" height="200"></iframe>
   </body>  
</html>

همانطور که در کد فوق ملاحظه می شود داخل تگ <body> از تگی تحت عنوان <iframe> استفاده کرده ایم. Attribute یی تحت عنوان src این وظیفه را دارا است تا مسیر فایلی که می خواهیم داخل تگ <iframe> به نمایش در آید را مشخص سازد. علاوه بر این با استفاده از دستورات width و height می توان ابعاد این تگ را مشخص ساخت.