מבנה HTML5, למה אני בונה כך

פעם, בעבר הרחוק מבחינה טכנולוגית, בתחילת שנת 2010 ראיתי בהרבה בלוגים פוסטים בתחום HTML5. סטנדרט חדש, פורץ דרך, כולם מתלהבים ממנו, אך מהר מאוד הבינו מפתחים שזה עדיין לא פריצת דרך, כי רוב הדפדפנים בכלל לא תומכים בפורמט הזה.

כעבור שנה-שנה וחצי, שוב חזרה התלהבות. גם אני התחלתי לחקור ולחפור יותר לעומק של הפורמט. במאי 2011 התחלתי כבר לבנות תשתית בחלק מהאתרים ב HTML5  (כמובן אלה שהיו מיועדים לחו”ל).  כבר כמה חודשים (כשלושה) כל האתרים שאני בונה מתבססים על HTML5, רק לקוחות שפונים לגיל מבוגר יותר (50 פלוס) אני עדיין בונה ב XHTML 2.0 . אומנם לא מדובר באתרים מורכבים, כעט מדבור רק בבניית שלד של האתר.

מבנה/שלד מסמך HTML5:

<!doctype html>

<html lang="en">
<head>
 <meta charset="utf-8">

 <title>The HTML5 Herald</title>
 <meta name="description" content="">
 <meta name="author" content="">

 <link rel="stylesheet" href="styles.css">

</head>

<body>

</body>
</html>
מבנה HTML5
מבנה HTML5

למה אני בונה אתרים על בסיס שלד זה?

  1. מבנה מסמך. מתוך הדוגמה או תמונה אפשר לראות מבנה די פשוט ונוח לקריאה. בתוך הקוד ניתן לזהות במהירות מיקום של כל תג HTML. כבר אין צורך בכתיבת הערות, זה מאוד קריטי במקרים כשאר ישנו קוד מאוד מורכב או מסורבל.
  2. חדשנות. מדובר בפורמט יחסית חדש אבל ללא ספק פורמט שהולך להשתלט על האינטרנט ועל העולם הסמארטפונים ב2-5 שנים הקרובות. מי יודע אולי עוד מעט מנועי חיפוש יתנו משקל לאתרי HTML5.
  3. בקשות של לקוחות. הרבה לקוחות פוטנציאלים מתחילים לשאול על HTML5. רובם לא צריכים את זה, פשוט שמעו את זה איפשהו ורוצים שזה יעבוד גם באתר שלהם.
  4. תמיכה טובה יותר ב CSS3. HTML5 מאפשר שימוש טוב יותר באלמטים של CSS3. קראתי באחד הבלוגים ש JS עובד יותר מהר, אך לא בדקתי את זה אף פעם.
  5. תמיכת הדפדפנים. רוב הדפדפנים כבר תומכים ב 80-90% מתגים. לדפדפנים שלא תומכים אפשר להשתמש ב html5shiv.

הגיע זמן לעבור לכתיבה חדשה ולהפסיק להשתמש בתירוץ שדפדפנים לא תומכים.

מקור תמונות: html5tutorial.net W3C