מה חדש ב- HTML 5

HTML 5 הוא גרסה חדשה של HTML

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

HTML 5 חדש Doctype ו Charset

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

כן זה זה. רק שתי מילים "doctype" ו- "html". זה יכול להיות פשוט כי HTML 5 הוא כבר לא חלק SGML , אבל במקום שפת סימון כל בכוחות עצמו.

הדמות עבור HTML 5 היא יעילה גם כן. הוא משתמש ב- UTF-8 ואתה מגדיר אותו באמצעות תג meta אחד בלבד:

מבנה חדש של HTML 5

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

• - כדי להגדיר קטעי דפים
• - מגדיר את הכותרת של הדף
• - מגדיר את הכותרת התחתונה של הדף
• - מגדיר את הניווט בדף
• - מגדיר את המאמר או התוכן הראשי בדף
• - מגדיר תוכן נוסף כמו סרגל צדדי בדף
• - מגדיר תמונות המספרות מאמר

HTML 5 אלמנטים חדשים מוטבעים

אלמנטים אלה מוטבעים להגדיר כמה מושגים בסיסיים לשמור אותם מסומן סמנטית, בעיקר כדי לעשות עם הזמן:

• - כדי לציין תוכן המסומן באופן כלשהו
• - כדי לציין תוכן שהוא זמן או תאריך
• - כדי לציין תוכן שהוא חלק קטן מטווח ידוע - כגון שימוש בדיסק
• - כדי להצביע על התקדמות של משימה לקראת השלמה

HTML 5 דפים חדשים דינמיים תמיכה

HTML 5 פותחה כדי לסייע למפתחי יישומי אינטרנט, כך שיש הרבה תכונות חדשות כדי להקל על יצירת דפי HTML דינמיים:

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

HTML 5 סוגי טופס חדשים

HTML 5 תומך בכל סוגי קלט טופס רגיל, אבל זה מוסיף עוד כמה:

• תאריך שעה
• datetime-local
• תַאֲרִיך
• חוֹדֶשׁ
• שָׁבוּעַ
• זְמַן
• מספר
• טווח
• אֶלֶקטרוֹנִי
• כתובת אתר

HTML 5 אלמנטים חדשים

יש כמה אלמנטים חדשים ומלהיבים ב- HTML 5:

• - אלמנט שייתן לך מרחב ציור ב- JavaScript בדפי האינטרנט שלך. זה יכול לתת לך להוסיף תמונות או גרפים על כלי טיפים או פשוט ליצור גרפים dyanmic על דפי האינטרנט שלך, בנוי על לטוס.
• - הוסף וידאו לדפי האינטרנט שלך עם תג זה פשוט.
• - להוסיף קול לדפי האינטרנט שלך עם תג זה פשוט.

HTML 5 מסיר כמה אלמנטים

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

• ראשי תיבות
• היישומון
• בסיס
• גָדוֹל
• מֶרְכָּז
• דיר
• גוֹפָן
• מִסגֶרֶת
• מסגרות
• isindex
• noframes
• כתב-יד
• s
• לְהַכּוֹת
• tt
• u

האם אתה מוכן ל- HTML 5?

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