מדריך HTML5 – מבנה העמוד ו- DOCTYPE

‏ • Internet Israel

מבנה העמוד וה-Doctype ב-HTML 5 שונים לחלוטין מדפים בתקינה קודמת.

אחד הדברים שמאפיינים יותר מכל מסמך של HTML 5 הוא ה-doctype שלו שהוא פשוט לחלוטין. כך נראה doctype תקני של HTML 5:

<!DOCTYPE html>

זה הכל!

יש עוד כמה תכונות בולטות שהשתנו בכל הנוגע למבנה העמוד בתקן HTML 5. על מנת לסקור אותן, אני מציג כאן דוגמא לעמוד HTML שלם בתקן HTML 5

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link href="style.css" rel="stylesheet" />  
        <script>
            alert('hi');
        </script>
    </head>
    <body>
        
    </body>
</html>
 

אנו רואים שמדובר בדף לפי תקן HTML 5 על פי ה-doctype הפשוט שלו. מלבד זאת, ישנם עוד שינויים חשובים באלמנטים נוספים הקשורים בדף:

 

תגית המטא של charset, שאמורה להגדיר את קידוד הדף, פשוטה הרבה יותר לעומת התקן הקודם וכוללת אך ורק את סוג הקידוד.

 

תגית link, אשר כוללת הפניה למשאבים חיצוניים (בדרך כלל css) לא צריכה להכיל את ה-type. אפשר להסתפק רק ב-href וב-rel.

 

תגית הסקריפט גם כן משתנה. אנו לא חייבים לציין את ה-type בתגית. ותגית script נחשבת לתקנית לחלוטין למרות שאין שום הגדרת type. כמובן שהסקריפט יחשב לסקריפט מבוסס JavaScript אם אין שום ציון של type.

 

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

תגיות: , ,

רן בר-זיק

מתכנת PHP מנוסה ובעל ידע רב בפיתוח לאינטרנט על בסיס LAMP. מומחה במערכות דרופל, ג'ומלה ו-וורדפרס. שולט היטב בכל מה שקשור לפרונט אנד: JavaScript: jQuery ו-MooTools,ActionScript 2/3 וכמובן HTML 5 + CSS 3.אינטרנט ישראל: www.internet-israel.com

תגובות בפייסבוק

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!