וובמאסטר - תיכנות ובניית אתרים

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

רן בר-זיק ,‏ אינטרנט ישראל‏ ‏/‏ 18 מרץ, 2011
F+
F-

מבנה העמוד וה-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
תגיות: HTML5‏  /  מדריך‏  /  פיתוח‏  

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

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות