سند 1

گزینه 1 -2

گزینه 2-1

فایل 2.htm با 1.htm فقط در هدر تفاوت دارد.

دو پیوند با مقدار TARGET="_parent" وجود دارد که به فریم والد اشاره می کند. این پیوندها همچنین می توانند با نام صریح قاب والد، یعنی TARGET="Two_Frames" نوشته شوند، اما استفاده از یک نام ضمنی معمولا راحت تر است. به عنوان مثال، اگر پیوندها را از قاب سمت چپ حذف کنید (سند left.htm)، می توانید نام قاب "Two_Frames" را که هنگام توصیف ساختار قاب اصلی مشخص شده است حذف کنید. این یک فریم بدون نام ایجاد می کند، اما پیوندهای اسناد 1.htm و 2.htm با TARGET="_parent" همچنان به درستی کار می کنند.

مشاوره

در صورت امکان، از نامگذاری ضمنی قاب استفاده کنید. به عنوان مثال، "والد"، "بالا"، "خود" به جای تعیین نام های خاص.

برنج. 5.9.تعامل پنجره های قاب با تأثیر تغییر اسناد بارگذاری شده

تفاوت بین فریم ها و پنجره های مرورگر

هنگام کار با فریم ها، این سوال در مورد تفاوت اساسی بین سازماندهی ساختار قاب یک پنجره مرورگر و ایجاد چندین پنجره مطرح می شود. در نگاه اول، ممکن است به نظر برسد که می توانید با توانایی ایجاد چندین پنجره کنار بیایید، زیرا کار با پنجره ها و قاب ها بسیار شبیه است. هر فریم برای بارگیری نیاز به یک سند جداگانه دارد، توانایی پیمایش محتوا به طور مستقل را دارد و می تواند با دستورات فریم های دیگر تغییر یابد. این ویژگی‌های فریم‌ها مشابه ویژگی‌های پنجره‌های مرورگر است. با سازماندهی جدولی داده ها، دستیابی به چنین آزادی عمل غیرممکن است.

با این حال، تفاوت قابل توجهی بین قاب و پنجره وجود دارد. با سازماندهی فریم، تقسیم ناحیه مشاهده به فریم توسط خود سند HTML انجام می شود که ابعاد و مکان آنها را نشان می دهد. هنگام مشاهده، کاربر می تواند اندازه فریم ها را تغییر دهد، مگر اینکه در توضیح ساختار آنها ممنوع باشد. چیدمان پنجره ها با قوانین کلی کار با سیستم ویندوز تعیین می شود - کاربر می تواند هر پنجره ای را به حالت تمام صفحه گسترش دهد، آن را به یک نماد کوچک کند یا خودسرانه اندازه و مکان آن را تنظیم کند. ویندوز برخلاف فریم ها می تواند همپوشانی داشته باشد. این انبوه انتخاب جنبه منفی خود را دارد - باید هر بار پنجره ها را به صورت دستی روی صفحه قرار دهید و اندازه آنها را تغییر دهید تا به گزینه مشاهده مطلوب برسید. در مورد فریم ها معمولاً نسبت اندازه بهینه توسط توسعه دهنده در توضیحات ساختار قاب مشخص می شود و اغلب نیازی به تغییر ندارد.

مشاوره

اگرچه فریم ها نمی توانند تمام امکانات را برای کار با پنجره های فردی فراهم کنند، اما سازماندهی منطقی آنها حداکثر راحتی را برای کاربر ایجاد می کند.

کار با ویندوز معایب دیگری نیز دارد. ایجاد هر پنجره به حافظه زیادی نیاز دارد. در نت اسکیپ، هر پنجره اساساً کپی دیگری از مرورگر است که با مجموعه کاملی از دکمه ها و منوها کامل می شود. همین وضعیت برای Microsoft Internet Explorer نیز معمول است.

توجه داشته باشید که سازماندهی پنجره های فردی در مرورگرها به صورت متفاوتی انجام می شود. ایجاد یک پنجره جدید با یک سند منجر به ظاهر شدن یک کار جداگانه در سیستم ویندوز می شود، همانطور که در هنگام مشاهده لیست وظایف در حال اجرا می بینید. بنابراین، جابجایی بین پنجره‌ها می‌تواند مانند جابجایی بین وظایف مختلف، برای مثال با فشار دادن میانبر صفحه کلید انجام شود. +.

بسیاری از برنامه های محبوب ویندوز دارای مفهوم پنجره سند هستند. به عنوان مثال می توان به پردازشگر کلمه Microsoft Word یا برنامه گرافیکی Paint Shop Pro و بسیاری دیگر اشاره کرد. هر یک از این برنامه ها امکان استفاده همزمان از چندین پنجره با داده را می دهد و به عنوان یک قاعده، یک منوی Window وجود دارد که لیستی از پنجره ها را ارائه می دهد و امکان جابجایی بین آنها را می دهد. ایجاد یک پنجره جدید در چنین برنامه هایی معمولاً هنگام باز کردن یک فایل موجود یا ایجاد یک پرونده جدید اتفاق می افتد. با این حال، در این برنامه ها، زمانی که یک پنجره جدید ایجاد می شود، یک کار در حال اجرا جدید ایجاد نمی شود.

Netscape همچنین دارای یک منوی Window است که پنجره های موجود را لیست می کند. (در نسخه های Netscape 4.x، این ویژگی توسط آیتم Window در منوی Communicator ارائه می شود.) اجازه دهید به شکل. 5.8. در این مثال، سه پنجره به طور همزمان باز هستند که هر کدام در اصل یک مرورگر جداگانه هستند. با این حال، برای کاربر، همه آنها پنجره های یک مرورگر هستند که می توانند با یکدیگر تعامل داشته باشند. در هر کدام از این پنجره ها می توانید منوی Window را باز کرده و لیستی از سه پنجره را مشاهده کنید. در شکل شکل 5.10 وضعیت زمانی که این کار برای پنجره پایین انجام می شود را نشان می دهد.

برنج. 5.10.باز کردن Frame Windows در مرورگر Netscape

هر پنجره می تواند به طور جداگانه بسته شود (با استفاده از دستور Close از منوی File). برای پایان کار با مرورگر در هر پنجره ای، می توانید منوی File را باز کرده و Exit را انتخاب کنید (شکل 5.11).

اگر چندین پنجره باز بود، همه آنها بسته می شوند، اما قبل از این یک پیام هشدار ظاهر می شود (شکل 5.12).

هر پنجره مرورگر می تواند تنظیمات خاص خود را داشته باشد (البته نه همه). به انجیر نگاه کنید 5.11. دو پنجره باز است که یکی از آنها به سه قاب تقسیم شده است. همان سند در دو قاب از سه فریم و همچنین در یک پنجره جداگانه بارگذاری می شود. توانایی پیکربندی مستقل پارامترهای هر پنجره به شما امکان می دهد همان سند را به طور متفاوت نمایش دهید. در مثال بالا، اندازه فونت سند در یک پنجره بزرگتر از پنجره دیگر است. این اثر با تنظیم رمزگذاری‌های مختلف برای هر پنجره (مورد رمزگذاری سند از منوی گزینه‌ها یا مورد مجموعه کاراکتر از منوی View برای نسخه 4.x)، با هر دو کدگذاری با استفاده از فونت یکسان، اما در اندازه‌های متفاوت، به دست می‌آید. تغییر هر آیتم در منوی تنظیمات عمومی بر همه پنجره ها تأثیر می گذارد.

برنج. 5.11.خروج از مرورگر نت اسکیپ

برنج. 5.12.هشدار در مورد بسته شدن پنجره ها در مرورگر Netscape

ویژگی های اضافی مرورگر

همه تگ‌های شرح فریم بالا با پارامترهای مربوطه تقریباً به طور یکسان در مرورگرهای Netscape و Microsoft Internet Explorer پیاده‌سازی می‌شوند، با این حال، هر یک از این مرورگرها به شما امکان می‌دهند علاوه بر این از برچسب‌ها یا پارامترهای منحصر به فرد خود استفاده کنید.

ویژگی های مرورگر Netscape

مرورگر نت اسکیپ که با نسخه 3.0 شروع می شود، سه گزینه اضافی را امکان پذیر می کند: BORDER، FRAMEBORDER، و BORDERCOLOR. پارامتر BORDER فقط برای تگ اعمال می شود . مقدار پارامتر BORDER ضخامت مرزهای بین فریم ها را بر حسب پیکسل تعیین می کند.

پارامتر FRAMEBORDER را می توان هر دو در تگ استفاده کرد ، و در تگ و وجود قاب بین فریم ها را مشخص می کند. این پارامتر می تواند بله یا خیر باشد. اگر پارامتر در تگ نوشته شده باشد ، سپس اثر آن برای تمام فریم های این گروه اعمال می شود. برای یک فریم جداگانه، مقدار را می توان نادیده گرفت. مقدار پیش فرض مثبت است.

توجه داشته باشید که پارامترهای BORDER و FRAMEBORDER مستقل از یکدیگر عمل می کنند. به عنوان مثال، اگر FRAMEBORDER روی NO و BORDER روی مقداری غیر از صفر تنظیم شود، مرز بین فریم ها رسم نمی شود، اما فضای مشخص شده توسط مقدار پارامتر BORDER همچنان برای آن اختصاص می یابد.

پارامتر BORDERCOLOR را می توان مانند برچسب استفاده کرد ، و در تگ و رنگ حاشیه را مشخص می کند که می تواند با نام رنگ یا نمایش هگزادسیمال آن مشخص شود.

در اینجا یک مثال است:

خط اول این کد HTML سه فریم را مشخص می کند که بین آنها یک قاب ضخیم 10 پیکسل فاصله وجود دارد (شکل 5.13).

برنج. 5.13.کشیدن مرز بین فریم ها در مرورگر نت اسکیپ

بین پنجره های قاب "A" و "B" به دلیل مقدار NO پارامتر FRAMEBORDER هیچ فریمی رسم نمی شود، اما رنگ قرمز برای قاب تعریف شده است. برای آخرین فریم "c"، مقدار FRAMEBORDER روی Yes تنظیم می شود و مقدار تعیین شده در خط اول را لغو می کند. بنابراین بین فریم هایی با نام های B و C همچنان یک قاب قرمز رنگ با ضخامت 10 پیکسل رسم می شود.

توجه داشته باشید

اگر مرزهای بین فریم‌ها ترسیم نشود، مرورگر نت اسکیپ اجازه نمی‌دهد تا اندازه فریم‌ها با کشیدن ماوس، حتی بدون پارامتر NORESIZE، تغییر یابد. برای Microsoft Internet Explorer وضعیت متفاوت است.

توجه داشته باشید که فریم های بدون حاشیه خیلی کم استفاده نمی شوند. لازم به یادآوری است که عدم وجود قاب مانع از ظهور نوارهای اسکرول نمی شود (شکل 5.14).

برنج. 5.14.نوارهای پیمایش در قاب بدون حاشیه

ویژگی های مرورگر مایکروسافت اینترنت اکسپلورر

مرورگر اینترنت اکسپلورر مایکروسافت به شما امکان می دهد از پارامتر FRAMEBORDER برای همان اهدافی که در بالا توضیح داده شد استفاده کنید، اما به شما اجازه نمی دهد رنگ و ضخامت فریم ها را تنظیم کنید. با این حال، فقط مقدار عددی "O" را می توان به عنوان مقدار پارامتر FRAMEBORDER برای لغو ترسیم یک قاب یا یک مقدار عددی غیر صفر برای ترسیم یک فریم استفاده کرد.

تفاوت در قوانین تنظیم مقادیر پارامتر FRAMEBORDER برای مرورگرهای مختلف بسیار ناخوشایند است. برای مثال سعی کنید FRAMEBORDER=بله را تنظیم کنید. این ورودی برای Netscape درست است، اما برای Microsoft Internet Explorer باعث عدم وجود فریم می شود. مثال قبلی (شکل 5.13) هنگامی که در مایکروسافت اینترنت اکسپلورر مشاهده می شود بدون قاب ارائه می شود.

مشاوره

توصیه می شود همیشه مقدار پارامتر FRAMEBORDER را به صورت عددی بنویسید، به عنوان مثال FRAMEBORDER=0. این از قوانین نوشتن یک پارامتر برای Microsoft Internet Explorer پیروی می کند، اما قوانین Netscape را نقض می کند (اگرچه توسط دومی به درستی درک می شود).

توجه داشته باشید

اگر فریم های بین فریم ها ترسیم نشده باشند، مرورگر اینترنت اکسپلورر مایکروسافت (برخلاف Netscape)، در غیاب پارامتر NORESIZE، به شما این امکان را می دهد که با کشیدن فریم ها با ماوس، اندازه فریم ها را "لمس" کنید. با تغییر شکل نشانگر ماوس می توانید مکانی که قاب باید در آن باشد را پیدا کنید.

مرورگر اینترنت اکسپلورر مایکروسافت امکان استفاده از پارامتر FRAMESPACING اضافی نوشته شده در تگ را فراهم می کند ، که مقدار آن تعداد پیکسل های بین فریم ها را مشخص می کند که باید خالی بماند.

اجازه دهید مثالی بزنیم که نتیجه نمایش آن در شکل نشان داده شده است. 5.15.

برنج. 5.15.فضای خالی بین فریم ها در Microsoft Internet Explorer

توجه داشته باشید

متأسفانه، بسیاری از توضیحات زبان HTML به اشتباه بیان می کنند که پارامتر FRAMESPACING باید در تگ استفاده شود. . مایکروسافت اینترنت اکسپلورر فقط اجازه می دهد تا از این پارامتر در یک برچسب استفاده شود .

قاب های شناور

مرورگر اینترنت اکسپلورر مایکروسافت اجازه استفاده از یک برچسب منحصر به فرد را می دهد . در TEGS

مایکروسافت اینترنت اکسپلورر اولین مرورگر (و تاکنون تنها) است که از فریم های به اصطلاح شناور پشتیبانی می کند.

این قاب ها را می توان در هر جایی از صفحه نمایش قرار داد، درست مانند گرافیک ها و جداول.

کادر سمت راست این متن با استفاده از یک تگ مخصوص در صفحه قرار می گیرد

سند نمونه با قاب شناور:

نوفریم ها

برخی از مرورگرها ساختار قاب سند را پشتیبانی نمی کنند یا آن را به اشتباه تفسیر می کنند؛ علاوه بر این، کاربران اغلب عمداً پشتیبانی از ساختار قاب سند HTML را در تنظیمات مرورگر خود غیرفعال می کنند. و اگرچه درصد این گونه مرورگرها و کاربران کم است، با این وجود وجود دارند.

حالا تصور کنید که وب سایت خود را با استفاده از ساختار فریم ساخته اید و برخی از بازدیدکنندگان، شاید بدون اینکه بدانند مشکل چیست، سعی کنند وب سایت شما را باز کنند و مرورگر آنها خطا نشان می دهد! آنها در مورد سایت شما چه فکری خواهند کرد؟ من چیزی شبیه این فکر می کنم: "اوه.. یک نوع مزخرف.. من دیگر اینجا نمی آیم!"

برای اینکه برای کاربر روشن شود که تنظیمات مرورگر/مرورگر او از فریم ها پشتیبانی نمی کند، یک برچسب وجود دارد </b> .</p> <p>برچسب بزنید <b><noframes> </b>اگر مرورگر کاربر از فریم‌ها پشتیبانی نمی‌کند یا به اجبار در تنظیمات آن غیرفعال شده باشد، متن محصور شده در آن را نمایش می‌دهد. اگر فریم ها توسط مرورگر کاربر پشتیبانی می شوند، این تگ به سادگی نادیده گرفته می شود.</p> <p> <html> <br> <head> <br> <title>قاب ها</title> <br> </head> <br> <frameset cols="*,800,*" border="0"> <br><b><noframes>با عرض پوزش، اما مرورگر شما فریم را پشتیبانی نمی کند..

نتیجه مثال قابل توجه خواهد بود اگر مرورگر شما واقعاً از فریم ها پشتیبانی نمی کند (اینجا من مدت زیادی فکر می کردم.. :) اگر اینطور است پس چرا اصلاً این فصل را بخوانید؟) یا پشتیبانی از فریم را در خود خاموش کرده باشید. مرورگر به عنوان یک آزمایش

برچسب بزنید </b>باید در داخل یک تگ قرار گیرد <b><frameset> </b></p> <p>با یک قاب شناور، همه چیز حتی ساده تر است، فقط متن مورد نظر را بین آنها بنویسید <b><iframe> </iframe> </b>و اگر مرورگر از فریم ها پشتیبانی نکند این پیغام روی صفحه نمایش داده می شود.</p> <p> <iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1"><b>با عرض پوزش، اما مرورگر شما فریم را پشتیبانی نمی کند..</b></iframe> </p> <ul><p>قبل از شروع ایجاد صفحه با استفاده از ساختار فریم، طرح آن، اندازه هر پنجره، وجود یا عدم وجود نوارهای اسکرول در آنها و غیره را تجزیه و تحلیل کنید. موقعیت نسبت به یکدیگر</p><p>از برچسب استفاده کنید <b><noframes> </b>. به یاد داشته باشید که اگر سایت در مرورگر شما کار می کند و همانطور که می خواهید نمایش داده می شود، ممکن است برای سایر کاربران همه چیز متفاوت باشد!</p> </ul> <p>علیرغم این واقعیت که سایت های دارای فریم به طور فزاینده ای نادر می شوند، یادگیری HTML بدون در نظر گرفتن موضوع فریم ها ناقص خواهد بود. علاوه بر این، فریم ها به یک معنا جایگاه خود را اشغال کرده اند و برای مدیریت و سیستم های کمکی استفاده می شوند. در جایی که معایب قاب ها اهمیت خاصی ندارند، اما برعکس، مزایا به طور فعال مورد تقاضا هستند.</p> <p>از تگ برای ایجاد یک قاب استفاده می شود <frameset>، که جایگزین تگ می شود <body>در یک سند و برای تقسیم صفحه به قسمت ها استفاده می شود. درون این تگ تگ هایی وجود دارد <frame>، که به سند HTML در نظر گرفته شده برای بارگذاری در منطقه اشاره می کند (شکل 13.1).</p> <p>برنج. 13.1. مثالی از تقسیم پنجره مرورگر به دو فریم</p> <p>هنگام استفاده از فریم ها، حداقل به سه فایل HTML نیاز دارید: اولی ساختار فریم را تعریف می کند و پنجره مرورگر را به دو قسمت تقسیم می کند، و دو سند باقی مانده در پنجره های مشخص شده بارگذاری می شوند. تعداد فریم ها لزوماً برابر با دو نیست، شاید بیشتر باشد، اما کمتر از دو نفر نیست، در غیر این صورت معنای استفاده از فریم کاملاً از بین می رود.</p> <p>بیایید مراحل ایجاد فریم را بر اساس صفحه نشان داده شده در شکل در نظر بگیریم. 13.1. ما به سه فایل نیاز داریم: index.html - ساختار سند را تعریف می کند، menu.html - بارگذاری شده در قاب سمت چپ، و content.html - بارگذاری شده در فریم سمت راست. از این میان، فقط index.html در ساختار کد آن با فایل های دیگر متفاوت است (مثال 13.1).</p> <p>مثال 13.1. فایل index.html</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>قاب ها</title> </head> <frameset cols="100,*"> <frame src="menu.html" name="MENU"> <frame src="content.html" name="CONTENT"> </frameset> </html> </p><p>در صورت استفاده از فریم، نوع سند زیر در خط اول کد نوشته می شود.</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> </p><p>را<!DOCTYPE>به مرورگر می گوید که با فریم ها سروکار دارد، این خط کد مورد نیاز است. ظرف <head>حاوی اطلاعات معمولی مانند رمزگذاری صفحه و عنوان سند است. فقط به خاطر داشته باشید که تا زمانی که فایل های HTML درون فریم ها باز می شوند، هدر یکسان باقی می ماند.</p> <p>در این مثال، پنجره مرورگر با استفاده از ویژگی cols به دو ستون تقسیم می شود که ستون سمت چپ 100 پیکسل و ستون سمت راست فضای باقیمانده مشخص شده توسط علامت ستاره را اشغال می کند. عرض یا ارتفاع فریم ها را نیز می توان به صورت درصدی مانند جداول تنظیم کرد.</p> <p>در تگ <frame>نام فایل HTML بارگذاری شده در ناحیه مشخص شده با استفاده از ویژگی src مشخص می شود. فایلی به نام menu.html در پنجره سمت چپ (مثال 13.2) و content.html در پنجره سمت راست (مثال 13.3) بارگذاری می شود. توصیه می شود به هر فریم یک نام منحصر به فرد بدهید تا بتوان اسناد را با استفاده از ویژگی name در پنجره مشخص شده بارگذاری کرد.</p> <p>مثال 13.2. منوی فایل.html</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ناوبری سایت</title> </head> <body style="background: #f0f0f0"> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>در این مثال، پس‌زمینه خاکستری صفحه با استفاده از استایل‌ها تنظیم می‌شود که بعداً مورد بحث قرار خواهد گرفت.</p> <p>مثال 13.3. فایل content.html</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>محتوای سایت</title> </head> <body> <p>محتوا</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>بیایید یک مثال پیچیده تر را با سه قاب در نظر بگیریم (شکل 13.2).</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/samhtml/fig_1_13_2.png' width="100%" loading=lazy loading=lazy></p> <p>برنج. 13.2. تقسیم یک صفحه به سه فریم</p> <p>در این مورد، تگ دوباره استفاده می شود <frameset>، اما دو بار، با یک تگ تو در تو در دیگری. پارتیشن بندی افقی از طریق ویژگی rows ایجاد می شود، جایی که نماد درصد برای تنوع استفاده می شود (مثال 13.4).</p> <p>مثال 13.4. سه قاب</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>قاب ها</title> </head> <frameset rows="25%,75%"> <frame src="top.html" name="TOP" scrolling="no" noresize> <frameset cols="100,*"> <frame src="menu.html" name="MENU"> <frame src="content.html" name="CONTENT"> </frameset> </frameset> </html> </p><p>همانطور که از این مثال مشخص است، ظرف <frameset>با صفت rows ابتدا دو قاب افقی ایجاد می کند، اما فریم دوم را با یکی دیگر جایگزین می کند <frameset>، که ساختاری را که قبلاً از مثال 13.1 می شناسید تکرار می کند. برای جلوگیری از ظاهر شدن نوار پیمایش عمودی و عدم امکان تغییر مستقل اندازه فریم توسط کاربر، ویژگی‌های scrolling="no" و noresize اضافه شده‌اند.</p> <p><i> </i> 07.12.2015</p> <p>نه هنوز</p> <br><p>سلام به همه! <br>ما با پشتکار به مطالعه اصول اولیه HTML ادامه می دهیم. خوشحالم که درس هایت را رها نمی کنی.</p> <p>در این درس به بررسی خواهیم پرداخت <b>قاب ها چیست</b>و نحوه ایجاد آنها در HTML. <br>بنابراین، اجازه دهید تعریف کنیم که چه فریم هایی در HTML هستند. <br><b>قاب ها</b>- این تقسیم پنجره مرورگر به مناطق جداگانه است که در آن اسناد HTML فردی می توانند بارگیری شوند.</p> <p>فکر می کنم متوجه شده اید که به لطف فریم ها، می توانید چندین صفحه وب را همزمان در یک پنجره مرورگر مشاهده کنید.</p> <p>به عنوان مثال، برای درک نحوه عملکرد فریم در عمل، پیشنهاد می کنم به یک مثال نگاه کنید. چند جابجایی در آنجا انجام دهید:</p> <p>خب چی فکر می کنی؟ آیا می خواهید یاد بگیرید که چگونه این را ایجاد کنید؟ حالا یاد خواهیم گرفت <b>قرار دادن فریم در سند html</b>.</p> <p>یک قاب در یک صفحه وب با استفاده از طرح زیر ایجاد می شود:</p><p> <frameset> <frame> <frame> </frameset> </p><blockquote><p><b>توجه:</b>طرح کد فریم به جای تگ در سند html درج می شود <bode><script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> :</p> </blockquote> <html> <head> <title>قاب ها</title> </head> <frameset> <frame> <frame> </frameset> </html> <p>○ <b>برچسب فریم‌ست</b></p> <p>این محفظه اصلی برای ایجاد یک قاب است که عناصر دیگر در آن قرار دارند. <br>تگ بسته شدن الزامی است.</p><p> <frameset></frameset> </p><p><i><b>*ویژگی های تگ frameset:</b> </i> </p> <ul><li>Cols - عمودی</li> <li>ردیف - افقی</li> </ul><p><b>ردیف ها</b>- به صورت افقی</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-1.png' height="125" width="181" loading=lazy loading=lazy></p> <p><b>cols</b>- به صورت عمودی</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-2.png' height="127" width="185" loading=lazy loading=lazy></p> <p>ویژگی های cols و rows نشان می دهد که پنجره مرورگر باید به چند قسمت تقسیم شود. به عنوان مثال، برای تقسیم پنجره مرورگر به دو قسمت عمودی، باید به صورت زیر بنویسید:</p><p> <frameset cols="30%,*"> </p><p>اندازه سمت چپ صفحه 30 درصد و سمت راست 70 درصد خواهد بود.</p> <p>اگر می خواهید مرورگر را به چند قسمت دیگر تقسیم کنید، ابعاد اضافی را که با کاما از هم جدا شده اند، اضافه کنید، به عنوان مثال، مانند این:</p><p> <frameset cols="30%,20%,10%,40%"> </p><p>در نتیجه اولین <span>ستون عمودی</span>عرض 30٪، دوم - 20٪، سوم - 10٪، چهارم - 40٪ خواهد بود.</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-3.png' width="100%" loading=lazy loading=lazy></p> <p>فهمیدم؟</p> <p>همین امر در مورد طرح افقی نیز صدق می کند:</p><p> <frameset rows="30%,20%,10%,40%"> </p><p>اولین ستون افقی 30٪ عرض، دوم - 20٪، سوم - 10٪، چهارم - 40٪ خواهد بود.</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-4.png' height="199" width="390" loading=lazy loading=lazy></p> <p>○ <b>تگ فریم</b></p> <p>تگ فریم مشخص می کند که کدام سند HTML باید در پنجره مرورگر بارگذاری شود. <br>به عنوان مثال، ما باید سه صفحه مختلف "1.html"، "2.html"، "3.html" را در یک پنجره مرورگر بارگذاری کنیم. تگ فریم به شکل زیر خواهد بود:</p><p> <frame src="1.html"> <frame src="2.html"> <frame src="3.html"> </p><p>بیایید دانش را در مورد فریم ها خلاصه کنیم. بنابراین، وظیفه: شما باید پنجره مرورگر را به دو قسمت تقسیم کنید و دو صفحه وب را در این قسمت ها بارگذاری کنید - "1.html" 30٪، "2.html" 70٪. <br>این کد تمام شده است:</p><p> <frameset cols="30%,*"> <frame src="1.html"> <frame src="2.html"> </frameset> </p><p>نتیجه به این صورت خواهد بود:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-5.png' width="100%" loading=lazy loading=lazy></p> <p><i><b>* ویژگی های برچسب قاب</b> </i> </p> <ul><li>src – آدرس صفحه وب. <i>src="1.html"</i> ;</li> <li>marginwidth - حاشیه داخل قاب در امتداد عرض. مثال: <i>marginwidth = "10"</i> ;</li> <li>حاشیه ارتفاع - حاشیه ارتفاع در داخل قاب. مثال: <i>marginhight = "10"</i> ;</li> <li>پیمایش - پیمایش قاب از طریق اسکرول. <br>- بله - اسکرول در قاب وجود خواهد داشت. مثال: <i>پیمایش "بله"</i> ;<br>- خیر - اسکرول در قاب وجود نخواهد داشت. مثال: <i>پیمایش "نه"</i> ;<br>- در صورت لزوم، اسکرول خودکار در قاب وجود خواهد داشت. مثال: <i>پیمایش "خودکار"</i> ;</li> <li>noresize - حرکات مرزهای فریم را ممنوع می کند.</li> <li>نام - نام قاب. مشخص می کند که فریم های دیگر باید در کدام پنجره باز شوند. مثال: <i>نام = "سایت"</i> ;</li> </ul> <p>اگر در ویژگی "name" نامی برای فریم تعیین نکنید، پس از کلیک بر روی پیوند، یک فریم جدید در پنجره ای که پیوند در آن قرار داشت باز می شود:</p> <p>اگر ویژگی "name" را اضافه کنید در اینجا یک مثال آورده شده است:</p> <p>این بهتر نیست؟ <br>برای هر فریم، ویژگی "name" را در جایی که می‌خواهید سایر اسناد HTML در آن باز شوند، اضافه کنید</p><p> <frame src="2.html "name ="сайт"> </p><p>نام در ویژگی "name" می تواند هر چیزی باشد. اما در آینده، اگر به سایر تگ‌های «قاب» نام می‌دهید، به یاد داشته باشید که هر یک باید منحصر به فرد باشد:</p><p> <frame src="2..html "name ="bloggood-ru"> <frame src="3.html "name ="nocrisise-ru"> </p><p>صفحه 2 صفحه 3</p><p>"صفحه 1"، "صفحه 2" در یک پنجره باز می شود که در آن نام قاب "name =" را مشخص کرده اید. <span>سایت اینترنتی "</span>" و "صفحه 3" در قاب دیگری باز می شود، جایی که نام "name =" <span>bloggood-ru "</span>»</p> <p><b>تمرین</b></p> <p>وظیفه: شما باید با استفاده از این طرح، فریم هایی ایجاد کنید:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-6.png' width="100%" loading=lazy loading=lazy></p> <p>ابتدا سه قاب افقی ایجاد می کنیم:</p><p> <frameset rows="15%,*,15%"> </frameset> </p><p>حالا بیایید "top.html" و "footer.html" را اضافه کنیم.</p><p> <frameset rows="15%,*,15%"> <frame src="top.html"> <frame src="footer.html"> </frameset> </p><p>نتیجه تا اینجا به این صورت خواهد بود:</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-7.png' width="100%" loading=lazy loading=lazy></p> <p>اکنون بین "top.html" و "footer.html" "menu.html" و "content.html" را اضافه می کنیم:</p><p> <frameset rows="15%,*,15%"> <frame src="top.html"> <frameset cols="25%,75%"> <frame src="menu.html"> <frame src="content.html" name="main"> </frameset> <frame src="footer.html"> </frameset> </p><p>کد آماده:</p><p> <html> <head> <title>قاب ها</title> </head> <frameset rows="15%,*,15%"> <frame src="top.html"> <frameset cols="25%,75%"> <frame src="menu.html"> <frame src="content.html" name="main"> </frameset> <frame src="footer.html"> </frameset> </html> </p><p>فایل را به عنوان "index.html" ذخیره کنید</p> <p>صفحات "top.html"، "footer.html"، "menu.html" و "content.html" را ایجاد کنید:</p> <p>کد فایل "top.html"</p><p> <html> <head> <title>هدر سایت</title> </head> <body bgcolor="#b2f2ff" text="#0000FF"> <h1>سایت اینترنتی</h1> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>کد فایل "footer.html"</p><p> <html> <head> <title>فایل footer.html</title> </head> <body bgcolor="#b2f2ff" text="#000000">StepkinBlog.com © 2015<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>کد فایل "menu.html"</p><p> <html> <head> <title>File menu.html – منوی سایت</title> </head> <body bgcolor="#b2bbff" text="#112cf5"> <ul> <li>صفحه نخست</li> <li>درباره نویسنده</li> </ul> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>کد فایل "content.html":</p><p> <html> <head> <title>صفحه نخست</title> </head> <body bgcolor="#e3e5f8" text="#FF0055"> <h1>صفحه نخست</h1>محتوای سایت - "صفحه اصلی (content.html)"<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>کد فایل "autor.html":</p><p>نتیجه ای که گرفتم اینه:</p> <p>بیایید از ویژگی های «frame» استفاده کنیم و کشش دستی فریم ها را غیرفعال کنیم و اسکرول را در فایل «index.html» حذف کنیم.</p><p> <frameset rows="15%,*,15%"> <frame src="top.html" scrolling ="no" noresize> <frameset cols="25%,75%"> <frame src="menu.html"scrolling ="no" noresize> <frame src="content.html" name="main"scrolling ="no" noresize> </frameset> <frame src="footer.html" noresize> </frameset> </p><p><b>○ اگر فریم ها توسط مرورگر پشتیبانی نمی شوند چه باید کرد؟ <br></b><br>می توانید پیامی به کاربر نشان دهید که مرورگر او از فریم ها پشتیبانی نمی کند. برای این کار، تگ را وارد کنید <noframes>داخل سازه <frameset> :</p><p> <frameset rows="15%,*,15%"> <noframes>

○ قاب شناور