מדריך 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 ולכתוב דפים כאלו בעצמנו.

תגיות: HTML5, מדריך, פיתוח

מדריך HTML5

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

עוד בנושא זה

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

תגיות