הבדלים בין גרסאות בדף "שימוש ב-DOM תקני"

מתוך וויקי
קפיצה אל: ניווט, חיפוש
(קישורים חיצוניים: From DHTML to DOM scripting)
מ (החלפת <layer> ו־<ilayer> כתוכן HTML חיצוני המוטבע בדף Web: monospace)
שורה 12: שורה 12:
 
=== החלפת &lt;layer&gt; ו־&lt;ilayer&gt; כתוכן HTML חיצוני המוטבע בדף Web ===
 
=== החלפת &lt;layer&gt; ו־&lt;ilayer&gt; כתוכן HTML חיצוני המוטבע בדף Web ===
 
אם יש לך את הקוד הבא:
 
אם יש לך את הקוד הבא:
<pre dir="ltr">
+
<monospace dir="ltr">
&lt;layer src="foo.html" height="300" width="400"&gt;
+
<layer src="foo.html" height="300" width="400">
&lt;/layer&gt;
+
</layer>
</pre>
+
</monospace>
 
תוכל להחליפו עם הקוד:
 
תוכל להחליפו עם הקוד:
<pre dir="ltr">
+
<monospace dir="ltr">
&lt;iframe src="foo.html" height="300" width="400"&gt;
+
<iframe src="foo.html" height="300" width="400">
   &lt;a href="foo.html">Foo content&lt;/a&gt;
+
   <a href="foo.html">Foo content</a>
&lt;/iframe&gt;
+
</iframe>
</pre>
+
</monospace>
 
(הערה: דפדפנים ישנים שאינם תומכים בתגית &lt;iframe&gt; (כגון נטסקייפ 4) ירנדרו את התוכן של התגית: כאן, מדובר בקישור. בדרך זו, נגישות לתוכן לדפדפנים ישנים מובטחת.)
 
(הערה: דפדפנים ישנים שאינם תומכים בתגית &lt;iframe&gt; (כגון נטסקייפ 4) ירנדרו את התוכן של התגית: כאן, מדובר בקישור. בדרך זו, נגישות לתוכן לדפדפנים ישנים מובטחת.)
  
 
באפשרותך גם להשתמש בתגית &lt;object&gt;, שהיא פחות מובנת ופחות נפוצה, אבל גם היא אפשרות:
 
באפשרותך גם להשתמש בתגית &lt;object&gt;, שהיא פחות מובנת ופחות נפוצה, אבל גם היא אפשרות:
<pre dir="ltr">
+
<monospace dir="ltr">
&lt;object data="foo.html" type="text/html" height="300" width="400"&gt;
+
<object data="foo.html" type="text/html" height="300" width="400">
   &lt;a href="foo.html"&gt;Foo content&lt;/a&gt;
+
   <a href="foo.html"&gt;Foo content&lt;/a>
&lt;/object&gt;
+
</object>
</pre>
+
</monospace>
 
(הערה: כמו קודם, הקישור ירונדר בדפדפנים שאינם תומכים בתגית &lt;object&gt;, וכך ניתן להבטיח נגישות דפדפנים ישנים לתוכן.)
 
(הערה: כמו קודם, הקישור ירונדר בדפדפנים שאינם תומכים בתגית &lt;object&gt;, וכך ניתן להבטיח נגישות דפדפנים ישנים לתוכן.)
  

גרסה מ־14:37, 23 באוקטובר 2006

שכבות

מקטע זה מסביר כיצד להחליף את התגיות של נטסקייפ 4,‏ <layer> ו־<ilayer>, עם התגיות התואמות לתקן HTML 4.01. כיוון שהתגיות <layer> וlt;layer> ו־<ilayer> אינן חלק של אף תקן Web של W3C, נטסקייפ 6/7, פיירפוקס ומוזילה, וכן דפדפנים אחרים המצייתים לתקני ה־Web של W3C, לא תומכים בתגיות <layer> ו־<ilayer>.

האוסף document.layers, הכולל אובייקטים ותכונות מיוחדות אחרות של השכבות של נטסקייפ 4, לא נתמך גם הוא ונדון במקטע ה־DOM למטה.

בנטסקייפ 4, השתמשו בתגיות <layer> ל־2 מטרות עיקריות:

  • הטבעת תוכן HTML חיצוני בתוך דף Web.
  • מיקום בלוק מוגדר של תוכן HTML; בלוק זה קיבל בדרך־כלל שם, כדי שאפשר יהיה להתייחס אליו בקוד.

החלפת <layer> ו־<ilayer> כתוכן HTML חיצוני המוטבע בדף Web

אם יש לך את הקוד הבא: <monospace dir="ltr"> <layer src="foo.html" height="300" width="400"> </layer> </monospace> תוכל להחליפו עם הקוד: <monospace dir="ltr"> <iframe src="foo.html" height="300" width="400">

 <a href="foo.html">Foo content</a>

</iframe> </monospace> (הערה: דפדפנים ישנים שאינם תומכים בתגית <iframe> (כגון נטסקייפ 4) ירנדרו את התוכן של התגית: כאן, מדובר בקישור. בדרך זו, נגישות לתוכן לדפדפנים ישנים מובטחת.)

באפשרותך גם להשתמש בתגית <object>, שהיא פחות מובנת ופחות נפוצה, אבל גם היא אפשרות: <monospace dir="ltr"> <object data="foo.html" type="text/html" height="300" width="400">

 <a href="foo.html">Foo content</a>

</object> </monospace> (הערה: כמו קודם, הקישור ירונדר בדפדפנים שאינם תומכים בתגית <object>, וכך ניתן להבטיח נגישות דפדפנים ישנים לתוכן.)

בשימוש ב־<iframe> או <object>, האטסרטגיה הטובה ביותר היא להטביע את התגיות הנפוצות והנתמכות ביותר בתוך התגית: בדרך זו, דפדפן שאינו מסוגל לרנדר את <iframe> או <object> ירנדר את התוכן הזה כשירות אלטרנטיבי. הכלל שנתמך על־ידי רוב הדפדפנים אומר, שבפגישה עם תגית בלתי מוכרת, הדפדפן ינסה לרנדר את התוכן שלה, בהתעלם ממנה. (עם זאת, אין לסמוך על עניין זה בעיניים עצומות.)

[ייכתב עוד בהמשך]

DOM

[ייכתב בהמשך]

מאמרי תיעוד בוויקי למפתחי אתרים

קישורים חיצוניים