مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته به کار با تگ form پرداختیم؛ تگ form تگی است که از آن برای ایجاد فرم در صفحات وب استفاده می شود.
این جلسه را به آموزش کار با تگ frame در HTML اختصاص داده ایم.
آموزش کار با تگ frame در HTML
به مثال زیر توجه نمایید.
در این مثال سه frame ساده در صفحه جایگذاری شده است.
مثال :
| <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> |
تعریف و کاربرد
تگ frame یک پنجره (فریم) خاص را در یک تگ frameset تعریف می کند.
هر frame در frameset می تواند ویژگی های مختلفی از جمله مرز، پیمایش، امکان تغییر اندازه و غیره داشته باشد.
تگ فریم در HTML5 پشتیبانی نمی شود.
نکات و توصیه ها
اگر می خواهید یک صفحه حاوی فریم را تأیید کنید ، مطمئن شوید که <! DOCTYPE> روی “HTML Frameset DTD” یا “XHTML Frameset DTD” تنظیم شده است.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <frame> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
تگ <frame> در HTML5 پشتیبانی نمی شود.
تفاوت بین HTML و XHTML
در HTML، تگ <frame> دارای تگ انتهایی نیست.
در XHTML ، تگ <frame> باید به درستی بسته شود.
خصیصه های اختیاری
| خصیصه | مقدار | توضیحات |
|---|
| frameborder | ۰
۱ | این خصیصه نمایش یا عدم نمایش مرزهای دور یک فریم را مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| longdesc | URL | این خصیصه آدرس یک صفحه که حاوی اطلاعات،توضیحات برای محتوای فریم است را مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| marginheight | pixels | این خصیصه حاشیه های بالا و پایین یک قاب را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| marginwidth | pixels | این خصیصه حاشیه های چپ و راست یک قاب را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| name | text | این خصیصه به تعیین نام یک فریم می پردزاد.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| noresize | noresize | مشخص میکند که فریم قابلیت تغییر اندازه را ندارد.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| scrolling | yes
no
auto | مشخص میکند که آیا اسکرول در فریم و محتوای آن نمایش داده می شود یا نه.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| src | URL | این خصیصه نشانی اینترنتی سند را برای نمایش در یک قاب مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
مثال های تکمیلی
مثال یک
فریم افقی ( نحوه ساخت فریم افقی با سه سند مختلف):
مثال :
| <!DOCTYPE html> <html> <frameset rows="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> |
مثال دو
فریم مخلوط (نحوه ساخت فریم با سه سند و نحوه ترکیب آنها در سطرها و ستون ها):
مثال :
| <!DOCTYPE html> <html> <frameset rows="50%,50%"> <frame src="frame_a.htm"> <frameset cols="25%,75%"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </frameset> </html> |
مثال سه
فریم با عدم قابلیت در تغییر اندازه ها (استفاده از ویژگی “noresize” در این مثال مرز بین قاب A و B قابل تغییر اندازه نیست):
مثال :
| <!DOCTYPE html> <html> <frameset cols="50%,*,25%"> <frame src="frame_a.htm" noresize="noresize"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> |
کلام آخر
در این جلسه با آموزش کار با تگ frame در HTML همراه شما بودیم؛ تگ frame یک پنجره (فریم) خاص را در یک تگ frameset تعریف می کند.
در جلسه آینده قصد داریم به تگ Frameset بپردازیم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
