עם מסגרות (frames), אתם יכולים להציג יותר מדף אחד באותו דפדפן.
דוגמאות
סט מסגרת אנכי (Vertical frameset)
דוגמה זו ממחישה כיצד ליצר סט מסגרת אנכי (vertical frameset) עם שלושה מסמכים שונים.
סט מסגרת אופקי (Horizontal frameset)
דוגמה זו ממחישה כיצד ליצר סט מסגרת אופקי (horizontal frameset) עם שלושה מסמכים שונים.
מסגרות (Frames)
עם מסגרות (frames), אתם יכולים להציג יותר מדף אחד באותו דפדפן. כל מסמך HTML נקרא מסגרת (frame), וכל מסגרת (frame) היא נפרדה מאחרות.
חיסרונות משימוש במסגרות (frames ) הן:
- מפתח אינטרנט חייב לעקוב אחרי יותר מסמכי HTML.
- קשה להדפיס את כל התוכן של הדף.
סט מסגרת תג (Frameset Tag)
- <frameset> תג מגדיר כיצד לחלק חלון לתוך מסגרות
- כל סת מסגרת (frameset) מגדיר סט שורות או עמודות
- ערך של שורות / עמודות מציג סכום של שטח המסך שכל שורה / עמודה תופסת
תג מסגרת (Frame Tag)
- <frame> תג מגדיר איזה מסמך HTML לשים לתוך כל מסגרת (frame)
בדוגמה למתה יש לנו סט מסגרת (frameset) עם שתי עמודות. עמודה ראשונה היא תופסת 25% מרוחב של חלון דפדפן. עמודה השניה תופסת 75% מרוחב של חלון דפדפן. מסמך HTML "frame_a.htm" הונח לתוך עמודה ראשונה, ומסמך HTML "frame_b.htm" הונח לתוך עמודה השניה:
|
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset> |
הערה:
גודל של סט מסגרת (frameset) יכול להיות מוגדר בפיקסלים
(pixels)
(cols="200,500"),
ואחת מהעמודות יכולה להשתמש בשטח שנשאר
(cols="25%,*")
.
הערות בסיסיות – טיפים שימושים
אם למסגרת יש גבולות גלויות, משתמש יכול לשנות גבולות של מסגרת על ידי גרירת גבול. כדי למנוע מהמשתמש לעשות את זה, אתם יכולים להוסיף noresize="noresize" בתוך <frame> תג.
יש להוסיף תג <noframes> לדפדפנים כדי שהם לא יתמכו במסגרות (frames) .
חשוב: אתם לא יכולים להשתמש בתגים <body></body> יחד עם תגים <frameset></frameset> !
לעומת זאת, אם אתם מוסיפים תג <noframes> מכיל טקסט בדפדפנים שלא תומכים במסגרות (frames) , אתם תקבלו טקסט סגור בתוך תגים <body></body> !
אתם יכולים לראות כיצד זה נעשה בדוגמה ראשונה למתה.
יותר דוגמאות
כיצד להשתמש בתג
<noframes>
דוגמה זה ממחישה כיצד להשתמש בתג
<noframes>
.
סט מסגרת מעורב
(Mixed frameset)
דוגמה זו ממחישה כיצד לייצר סט מסגרות (frameset)
עם שלושה מסמכים, וכיצד לערבב אותם בשורות ועמודות.
דוגמה זו ממחישה תכונה
noresize
.
מסגרות האלה לא נתנות לשינוי.
תעבירו עכבר מעל גבולות בין המסגרות (frames) ותבחינו שאתם לא יכולים להזיז גבולות.
ניווט מסגרת (Navigation Frame)
דוגמה זו ממחישה כיצד ליצור ניווט מסגרת (navigation frame).
ניווט מסגרת (links) מכיל רשימה קישורים (navigation frame)
כך שמסגרת (frame) השניה היא מטרה.
קובץ נקרא
"tryhtml_contents.htm"
מכיל שלושה קישורים.
קוד מקור של הקישורים:
|
<a href ="frame_a.htm" target ="showframe">Frame a</a><br/> <a href ="frame_b.htm" target ="showframe">Frame b</a><br/> <a href ="frame_c.htm" target ="showframe">Frame c</a> |
מסגרת השניה מציגה מסמך מקושר.
(Inline frame)
דוגמה זו ממחישה כיצד ליצור מסגרת (frame) מכילה מסמך HTML.
.
עבור לחלק המצוין בתוך המסגרת (frame)
דוגמה זו ממחישה שתי מסגרות (frames).
אחת מהמסגרות מכילה מקור לחלק מצוין בקובץ.
חלק המצוין נעשה עם
<a name="C10">
בתוך קובץ
"link.htm"
.
עבור לחלק המצוין עם ניווט מסגרת (frame navigation)
דוגמה זו ממחישה שתי מסגרות (frames). מסגרת ניווט (content.htm) מצד שמאל מכילה רשימת קישורים למסגרת השניה (link.htm) כפי יעד.
מסגרת השניה מציגה מסמך מקושר. אחד מהקישורים במסגרת הניווט (navigation frame) מקושר לחלק מצוין בקובץ היעד.
קוד HTML בקובץ "content.htm" נראה כמו:
|
<a href ="link.htm" target ="showframe">
קישור ללא עוגן (Anchor)
</a><br/>
<a href ="link.htm#C10" target ="showframe"> קישור עם עוגן (Anchor) </a> |
תגי מסגרות (Frame Tags)
| תג | תיאור |
|---|---|
| <frameset> | מגדיר סט מסגרות |
| <frame> | מגדיר תת חלון, מסגרת |
| <noframes> | מגדיר חלק ללא מסגרות (noframe) עבור דפדפנים שלא תומכים במסגרות |
| <iframe> | מגדיר מסגרת מכילה בתוכה מסמך HTML (Inline Frame) |
האם מידע זה היה מועיל?
