לפעמים כדאי להסתכל בקנקן
עד כה עסקנו בפן המילולי של האתר, אך מה קורה כאשר מעוניינים בהוספת תוכן חזותי רב-גוני, כמו סרטונים קצרים או קליפים? מפתחי השפה נתנו מענה מקורי ופשוט גם על מקרה מעין זה. להלן הקוד החדש שמוסיף תוכן וידאו:
<video src="video.ogg" controls width="1280" height="720">
</video>
על אותו עיקרון ניתן להוסיף תוכן קולי:
<audio src="song.odd" controls="controls">
</audio>
כידוע, שימוש בתגיות הקבועות בתקן חוסך נחיצותן של תוכנות צד שלישי, שעשויות להקשות על תהליך הבנייה.
הקנבס – לא רק אריג
תגית מעניינת נוספת שיש לתת עליה את הדעת היא תגית הקנבס <canvas>. תגית הקנבס מאפשרת להוסיף תמונה או איור דו-ממדיים, כמו עקומה, כאשר הקוד עושה שימוש ב-JavaScript. לעת עתה, הדפדפן Internet Explorer אינו תומך בתגית זו. עדיין, זו תכונה ייחודית ל-HTML 5 בלבד, והיא עלולה לסייע במקרים רבים, כמו בצירוף עקומה לסטטיסטיקה או לחלופין, בצירוף איור משעשע לטקסט. בשונה מהתגית <video>, תגית זו דורשת אלמנט נוסף, אשר מאפיין את קוד ה-JavaScript. קוד די פשוט יכול להיראות כך:
<canvas id="CanvasAttempt" width="50" height="50" style="border: 2px gray dashed">
[canvas תוכן זה מוצג אם הדפדפן אינו תומך בתגית]
</canvas>
לא רק למתמטיקאים. תוצאה אפשרית של שימוש בתגית <canvas> |
Apple מדגימה
כולכם וודאי סקרנים לראות כיצד הטכנולוגיה הזו מיושמת בפועל. כמו כן נשאלת השאלה: האם קיימת נחיצות ממשית בקביעת תקן חדש לשפת התגיות המוצלחת של ימינו? ובכן, לפני מספר חודשים הייתה זו חברת הענק Apple שניסתה לספק את התשובה. מדיווח של אתר האינטרנט CNET עולה, כי אם תנווטו לאתר http://www.apple.com/html5, תוכלו לצפות בהדגמה של אתר אינטרנט הבנוי בתקן החדש. אולם, לא לחינם הכינה Apple הדגמה הכוללת יכולות גרפיות מתקדמות באתר האינטרנט שלה: צעד זה מהווה למעשה את התשובה המוחצת של Apple לפלאש של Adobe. כאמור, שימוש בשפה זו מבטל, בחלק מהמקרים, נחיצות בתוכנות צד שלישי – כדוגמת פלאש – להצגת תוכן חזותי מרהיב למדי. למרות זאת, Apple רחוקה יחסית מהניצחון במלחמה זו. משתמשים שיחפצו לצפות בהדגמה המתוארת, ייאלצו להתקין במערכותיהם את הדפדפן Safari, הלוא הוא פרי תוצרתה של לא אחרת מאשר Apple בעצמה. שימוש בדפדפן זה בלבד יוכל להעניק את החוויה המלאה של גלישה באתר שנכתב בתקן החדש. נכון להיום, גולשים שבבעלותם דפדפנים של חברות אחרות לא יוכלו להפעיל את ההדגמה באופן המלא, ולכן לא יצליחו לחוות את השימוש המלא שמקנה תקן זה.
סיכום
אין ספק ששימוש בתקן החדש, HTML 5, יחולל פלאים בכל הקשור לבניית אתרים, החל בשלב כתיבת הקוד וכלה בשלב עיצוב האתר. אפשר לומר שהמטרה העיקרית של קביעת התקן החדש הזה באה להקל על המתכנתים בכתיבת שורות קוד מסורבלות וארוכות. יתר על כן, שימוש בתגיות קבועות בתקן, כמו <video>, <audio> ו- <canvas>, יוכל להעשיר את הפן החזותי של האתר, להנגיש אותו למשתמשים שונים, ולחסוך את התלות בתוכנות צד שלישי. יש הסבורים כי גרסה יציבה של התקן תצא לאור בעוד כשנתיים, ואילו אחרים עושים שימוש בחלק מצומצם של התגיות כבר עכשיו. חשוב לציין שלעת עתה אין תמיכה מלאה של הדפדפנים בתקן החדש, ולכן שימוש בו, נכון להיום, עלול שלא לפעול כראוי. ועדיין, התגיות החדשות, הכתיבה המקוצרת והטכנולוגיה העתידית מוכיחות באופן שלא משתמע לשתי פנים: HTML 5 כאן כדי להישאר.
Opera תומכת בhtml5
הדפדפן אופרה עובד לפי הסטנדרטים ומומלץ מאוד לשימוש. מה גם שהוא אחד הדפדפנים המהירים אם לא המהיר ביותר. והוא מעדכן ובונה לתמיכה מלאה בHTML5 כאשר HTML5 תצא בגירסתה הסופית.
נושא מעניין
אבל לא רק שטעית בכמה דברים (HTML הוא לא אחד מהפורמטים לעיצוב אתר אינטרנט… הוא השפה הבסיסית לתקשורת עם הדפדפן ! ואל תגיד לי פלאש…זה לא באמת רלוונטי), אלא גם את הדברים שהצגת, הצגת באופן מחופף.
אין אף דפדפן היום ש"תומך בצורה מלאה בHTML5" מהסיבה הפשוטה שהתקן עוד לא נסגר ! עדיין מוסיפים בו דברים ומשנים בו דברים. אבל רוב הדפדפנים העדכניים תומכים בחלקים נרחבים מHTML5.
בשביל להסביר למה הצגת וידיאו בתוך HTML בפשטות כזאת זה מהפך מטורף צריך להסביר שעד היום כמתכנת היית צריך להפעיל ACTIVE X של נגן מדיה בשביל הוידיאו ופקד של פלאש בשביל השליטה בו ואז היית מגיע למצב שחצי מהמהשתמשים באתר לא יכולים לצפות בוידיאו שלך.
לחילופין היית משתמש בנגן פלאש שצורך משאבים לא קטנים. ובדפים כאלה האתר שלך הוא לא STRICKED(פורמט HTMLי "הדוק" הוא יעיל יותר) אלא שעטנז.