HTML 5
Abstract5 HTML
האינטרנט כל הזמן מתפתח. אתרי אינטרנט חדשים נוצרים מדי יום, דוחפים את הגבולות של ה-HTMLלכל הכיוונים.
Abstract– 5 HTML
האינטרנט כל הזמן מתפתח. אתרי אינטרנט חדשים נוצרים מדי יום, דוחפים את הגבולות של ה-HTMLלכל הכיוונים. HTML 4בסביבה כבר כמעט עשור עכשיו, שותפים מחפשים שיטות חדשות כדי לספק פונקציונליות משופרת מוחזקים בחזרה על ידי אילוצים שפת הדפדפנים.
כדי לאפשר גמישות רבה יותר ויכולת שיתוף פעולה, ולאפשר אינטראקטיבית יותר, אתרי אינטרנט ויישומים, HTML 5מציג ומשפר מגוון רחב של תכונות, כולל פקדי טופס, API, מולטימדיה, מבנה וסמנטיקה.
עבודה ב HTML 5, שהחלה בשנת 2004, כיום מתבצעות במאמץ משותף בין ה-HTMLשל W3C WGואת WHATWG. שחקני מפתח רבים להשתתף במאמץ של W3Cכולל נציגי ארבעת יצרני הדפדפן הגדולות: אפל, מוזילה, אופרה, ו-Microsoft; ומגוון של ארגונים אחרים, אנשים עם תחומי עניין רבים ומומחים.
שימו לב כי המפרט הוא עדיין בתהליך עבודה ויש עוד כברת דרך ארוכה עד שיהיה מושלם. לפיכך, יתכן כי כל תכונה הנדונים במאמר זה עשוי להשתנות בעתיד. מאמר זה נועד לתת הקדמה קצרה על כמה מן התכונות העיקריות כפי שהם בדראפט הנוכחי.
מבנה
HTML 5מציג מערך שלם של אלמנטים חדשים וזה עושה את זה הרבה יותר קל במבנה העמודים. ברוב Html 4העמודים כוללים מגוון של מבנים משותפים, כגון כותרות עליונות ותחתונות ועמודות היא תופעה שכיחה למדי כדי לסמן אותם בעזרת אלמנטים div, נותנים לכל idכיתה או תור.
השימוש באלמנטים של divהיא בעיקר בגלל הגירסאות הנוכחיות של ה-HTML 4שבהם יש חוסר סמנטיקה וצורך לתאר את החלקים באופן ספציפי יותר. HTML 5 כתובות בעיה זו על ידי הכנסת אלמנטים חדשים המייצגים כל אחד מהסעיפים האלה שונים.
באלמנט divניתן להחליף אלמנטים חדשים:, header, nav, section, article, aside, and footer
סימון מסמך זה יכול להיראות כמו הבאה:
<body>
<header>...>
<nav>...>
<article>
<section>
...
section>
article>
<aside>...>
<footer>...>
body>
יש כמה יתרונות על שימוש באלמנטים אלה. כאשר משתמשים בשילוב עם אלמנטים כותרת (h1ל H6), כל אלה מספקים דרך לסמן קטעים מקוננים עם רמות כותרת, מעבר לשישה רמות אפשר עם גירסאות קודמות של ה-HTML. המפרט כולל אלגוריתם מפורט ליצירת מתווה שיוביל את המבנה של רכיבים אלה בחשבון, ושרידי תואם לאחור עם גירסאות קודמות. זה יכול לשמש לדפדפנים הרשאה ליצור טבלאות של התוכן על מנת לסייע למשתמשים לנווט את המסמך.
לדוגמה, מבנה הסימון הבאות מסומן עם סעיף מקוננות h1אלמנטים:
<section>
<h1>Level 1>
<section>
<h1>Level 2>
<section>
<h1>Level 3>
section>
section>
section>
שים לב כי לצורך תאימות טובה יותר עם הדפדפנים הנוכחית, אפשר גם לנצל את האלמנטים הכותרת אחרים (H2ל H6) כראוי במקום של h1אלמנטים.
על ידי זיהוי המטרה של מקטעים בדף באמצעות אלמנטים sectioningספציפיים, טכנולוגיה מסייעת שיכולה לעזור למשתמש לנווט בקלות יותר את הדף. לדוגמה, הם יכולים בקלות לדלג על מקטע הניווט או לדלג במהירות ממאמר אחד למשנהו ללא צורך במפתחים כדי לספק ולדלג קישורים. מפתח גם ליהנות בגלל החלפת רבות של divsבמסמך עם אחד האלמנטים ברור זה יכול לעזור להפוך את קוד המקור ברור יותר וקל יותר למפתח.
המרכיב H1 מייצג את הכותרת של קטע. כותרות עשויות להכיל כותרות פשוטות, למשל שזה יהיה סביר בכותרת לכלול תתי כותרות, היסטורית הגירסאות מידע או bylines.
<header>
<h1>A Preview of HTML 5>
<p class="byline">By Lachlan Hunt
>
header>
<header>
<h1>Example Blog>
<h2>Insert tag line here.>
header>
המרכיב footerמייצג את ה footerעבור הקוד אליו הוא מתייחס.footer בדרך כלל מכיל מידע על על בעל האתר, כגון מי כתב את זה, קישורים למסמכים הקשורים, הנתונים זכויות יוצרים, וכדומה.
<footer>© 2007 Example Inc.>
המרכיב navמייצג מקטע של קישורי הניווט. זה מתאים לניווט או אתר או תוכן עניינים.
<nav>
<ul>
<li>Home>
<li>Products>
<li>Services>
<li>About>
ul>
nav>
המרכיב asideהוא תוכן הקשור tangentially לתוכן סביבו, והוא שימושי בדרך כלל לסמן את sidebars.
<aside>
<h1>Archives>
<ul>
<li>September 2007>
<li>August 2007>
<li>July 2007>
ul>
aside>
המרכיב בסעיף מייצג מקטע הגנרית של מסמך או יישום, כגון פרק, לדוגמה.
<section>
<h1>Chapter 1: The Period>
<p>It was the best of times, it was the worst of times,
it was the age of wisdom, it was the age of foolishness,
it was the epoch of belief, it was the epoch of incredulity,
it was the season of Light, it was the season of Darkness,
...p>
section>
(קטע מתוך סיפורן של שתי ערים)
המרכיב המאמר מייצג מקטע עצמאית של מסמך, דף או אתר. הוא מתאים לבעלי התוכן, כמו חדשות או בלוג מאמרים, הודעות בפורום או הערות בודדות.
<article id="comment-2">
<header>
<h4>Comment #2>
by Jack O'Niell>
<p>>
header>
<p>That's another great article!
>
article>
אודיו ווידאו
בשנים האחרונות, וידאו ושמע באינטרנט הפך קיימא יותר ויותר אתרים כמו YouTube, Viddler, Revver, MySpace, ועוד עשרות אחרים עושים את זה קל עבור כל אחד לפרסם וידאו ושמע. עם זאת, מאז HTMLכרגע אין את האמצעים הדרושים כדי לתבול בהצלחה מלאה במולטימדיה עצמה, אתרים רבים סומכים על פלאש כדי לספק פונקציונליות. למרות שניתן לשלב מולטימדיה באמצעות תוספות שונות (כגון QuickTime, Windows Media, וכו '), פלאש וכיום הוא תוסף המספק פתרון תואם להצלבת דפדפנים עם APIsהרצוי עבור מפתחים.
כפי שמעידים השחקנים מבוסס פלאש-מדיה שונים, מפתחים מעוניינים לספק ממשק משלו מותאם במיוחד למשתמש, אשר בדרך כלל מאפשר למשתמש לשחק, להשהות, לעצור, לחפש, ולהתאים את עוצמת הקול. התכנית היא לספק פונקציונליות זו בדפדפנים על ידי הוספת תמיכה מובנית הטבעה וידאו ושמע ומתן DOM APIsעבור סקריפטים כדי לשלוט בשמע.
הדרך הפשוטה ביותר לשבץ וידאו היא להשתמש רכיב וידאו לאפשר לדפדפן לספק ממשק המשתמש של ברירת המחדל. שולטת התכונה היא תכונה בוליאני המציין אם המפתח רוצה זה UIאו ביטול כברירת מחדל.
<video src="video.ogv" controls poster="poster.jpg"
width="320" height="240">
<a href="video.ogv">Download movie>
video>
התכונה היא אופציונאלית וניתן להשתמש בה כדי לציין תמונה אשר תוצג במקום של וידאו לפני הווידאו מתחיל לנגן. אמנם יש כמה פורמטים של וידאו, כגון MPEG-4, זה מספק פתרון חלופי, שיכול לעבוד עצמאית של פורמט וידאו.
כל זאת על קצה המזלג, על 5 html
רוצים קורס בניית אתרים? התקשרו עכשיו ל 03-6135565
לשתף זה כיף! תנו לחברים שלכם גם לקרוא ! 
