מדריך למתחילים לבניית דפי HTML5 / CSS3
HTML5 ו CSS3 יש סחף את האינטרנט על ידי סערה רק 2 שנים. לפניהם היו הרבה סמנטיקה שונה בדרך האינטרנט מעצבים מתוכננים ליצור דפי אינטרנט, ועם הגעתם לבוא שורה ארוכה של תמיכה מדהים כגון מדיה חלופית, תגי XML בסגנון, תכונות קלט מתקדמת עבור מעצבי אינטרנט כדי להשיג חלום תכונות כמו אנימציה.
למרות שרוב המפתחים נראה להציג הדגמות פוטנציאל מסובך עדיין, HTML5 / CSS3 הם לא באמת מדע טילים, ואני יהיה לך ללכת בתהליך מרגיע לבנות HTML5 רגיל / CSS3 דף אינטרנט עם הסבר מקיף עדיין מעמיק טדה! בונוסים כמו משאבי למידה ותבניות HTML5 חופשיות זמינים עבורך, אז קח את ההזדמנות הזאת כדי להתחיל את המסע שלך ב- HTML5!
שינויים בין HTML4 ו- HTML5
ייתכן שאתה תוהה למה זה אפילו חשוב לעבור HTML5. יש מספר עצום של סיבות, אבל בעיקר בגלל שאתה תהיה עבודה עם תקני האינטרנט העולמי כמו כל מעצב אחר. בדרך זו תוכלו למצוא תמיכה מקוונת יותר שלך אתרי אינטרנט יעבדו כראוי בדפדפנים המודרניים אשר משופרת כל הזמן.
(מקור תמונה: W3C)
השוואה בין HTML4 ו- HTML5 קשה לזהות את פני השטח. מהצגת טיוטת HTML5 החדשה ניתן לראות אלמנטים מוצגים ותהליכי תיקון שגיאות מתוקנים. מפתחי דפדפן נהנו במיוחד מפרטים חדשים עבור טיוח דפי אינטרנט ברירת המחדל.
מה יותר מ- HTML5 הוא ההמרה של דפדפן האינטרנט המודרני שלנו. עם מפרטים חדשים אלה האינטרנט כולו נתפסת כעת כ פלטפורמת יישומים עבור HTML (במיוחד HTML5), CSS ו- JavaScript שיבנו עליהם. כמו כן, מערכת זו באלגנטיות יוצר הרמוניה בין מעצבי אתרים ומפתחים על ידי הגדרת סטנדרטים משותפים שעל כל הדפדפנים לבצע.
בנוסף אלמנטים רבים נוצרו מייצגים מדיה דיגיטלית של גיל חדש. אלו כוללים ו אשר ענק עבור תמיכה במולטימדיה. בדפדפנים מסוימים תוכל להשלים את אימות הטופס ישירות ב- HTML. אמנם יש עדיין צורך כבד עבור jQuery, שכן ישנם מפתחי תוכנה רבים אשר עדיין לא לזהות את התכונות. אם אתה רוצה רשימה של תגים לבדוק את הטבלה W3Schools כדי ללמוד עוד על אותם.
HTML5 שלד חשוף
אני מוצא את הדרך הקלה ביותר להבין כל נושא הוא לצלול ישר לתוך זה. אז אני יהיה לבנות בסיסי מאוד HTML5 תבנית השלד עבור דף אינטרנט. כללתי כמה מן היסודות החדשים, ואני מקווה לקטלג אותם קצת מאוחר יותר.
דף HTML5 הראשון שלנו ברוכים הבאים, אחד וכל אחד!
קצת תוכן כאן.
אבל גם כאן!