مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به کار با تگ i پرداختیم؛ با کمک تگ i می توان حروف یا متون را در موقعیت های مختلف به صورت ایتالیک درآورد.
در این جلسه آموزش کار با تگ iframe در HTML را به علاقمندان این دوره ارائه می نماییم.
آموزش کار با تگ iframe در HTML
به مثال زیر توجه نماییید.
در این مثال یک خط فریم به صورت زیر مشخص شده است.
مثال :
| <iframe src="https://www.w3schools.com"></iframe> |
تعریف و کاربرد
حتماً از روی مثالی که در بالا آورده شد موتجه شده اید تگ iframe تگی است که می توانید به کمک آن می توانید یک فریم درون خطی را مشخص نمایید.
یک فریم درون خطی برای جاسازی یک سند دیگر در درون سند HTML فعلی استفاده می شود.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <iframe> | بله | بله | بله | بله | بله |
نکات و توصیه ها
توصیه
برای مقابله با مرورگرهایی که از iframe پشتیبانی نمی کنند؛ باید متنی بین تگ بازگشایی <iframe>و تگ بستن </iframe> قرار دهید.
نکته
می توانید از CSS برای سبک کردن <iframe> استفاده کنید (این مورد حتی شامل نوارهای اسکرول هم می شود).
تفاوت بین HTML 4.01 و HTML5
در HTML5 چندین خصیصه جدید اضافه شده است و لذا چندین خصیصه HTML 4.01 در HTML5 حذف شده اند.
تفاوت بین HTML و XHTML
در XHTML نام خصیصه نادیده گرفته می شود و لذا باید به جای آن از خصیصه های سراسری Global Attributes استفاده نمایید.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| align | left
right
top
middle
bottom | این خصیصه تراز یک frame را با توجه به عناصر اطراف مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| frameborder | ۱
۰ | مشخص می کند که حاشیه اطراف <iframe> نمایش داده شود یا خیر.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| height | pixels | ارتفاع یک <iframe> را مشخص می کند. |
| longdesc | URL | این خصیصه صفحه ای که شامل شرح کامل راجع به محتویات <iframe> است را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| marginheight | pixels | در HTML5 پشنیبانی نمی شود.
این خصیصه حاشیه های بالا و پایین محتوای یک <iframe> را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| marginwidth | pixels | در HTML5 پشنیبانی نمی شود.حاشیه های چپ و راست محتوای یک <iframe> را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| ame | text | این خصیصه نام <iframe> را مشخص می کند. |
| sandbox | “”
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation | این خصیصه مجموعه ای از محدودیت های اضافی برای محتویات <iframe> را تعیین می کند. |
| scrolling | yes
no
auto | مشخص می کند که scrollbar در یک <iframe> نمایش داده شود یا خیر.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| src | URL | آدرس سندی که می خواهیم در <iframe> نمایش دهد را تعیین می نماید. |
| srcdoc | HTML_code | محتویات HTML صفحه ای که باید در <iframe> نمایش داده شود توسط این خصیصه تعیین می شود. |
| width | pixels | عرض یک <iframe> را مشخص می کند. |
خصیصه های سراسری Global Attributes
تگ <iframe> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <iframe> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <iframe> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| iframe:focus { outline: none; } iframe[seamless] { display: block; } |
کلام آخر
در این جلسه با آموزش کار با تگ iframe در HTML همراه شما بودیم و آموختیم که تگ iframe تگی است که می توان به کمک آن یک فریم درون خطی را مشخص نمود.
در جلسه آینده به با تگ img آشنا می شویم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
