HTML5

HTML5
natankrasney@gmail.com
1

? HTML5 ‫זה‬ ‫מה‬
2014 ‫אוקטובר‬ ‫בסוף‬ ‫יצאה‬ ‫אשר‬ HTML ‫של‬ ‫האחרונה‬ ‫הגרסה‬ ‫היא‬ HTML5
‫דוגמה‬
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>‫הדף‬ ‫של‬ ‫/<הנושא‬title>
</head>
<body>
‫הדף‬ ‫של‬ ‫התוכן‬
</body></html>
2
‫גירסת‬ ‫לאיזה‬ ‫לדפדפן‬ ‫הנחיה‬ ‫היא‬ !DOCTYPE
.‫לצפות‬ ‫צריך‬ ‫הוא‬ HTML
‫של‬ ‫האלמנט‬ ‫לפני‬ ‫להכתב‬ ‫שצריכה‬ ‫הנחיה‬ ‫זו‬
html
‫ל‬ ‫לצפות‬ ‫הדפדפן‬ ‫את‬ ‫מנחה‬ DOCTYPE! html
HTML5
.HTML5 ‫ב‬ character encoding ‫הגדרת‬
‫לא‬ ‫שניתן‬ ‫)כך‬ UTF-8 ‫היא‬ ‫המחדל‬ ‫ברירת‬
.(‫זה‬ ‫במקרה‬ ‫זאת‬ ‫לרשום‬
‫הייצוג‬ ‫את‬ ‫מגדיר‬ character encoding
‫בדף‬ ‫התווים‬ ‫של‬ ‫המספרי‬

HTML5 ‫ב‬ ‫חדשים‬ ‫ומאפיינים‬ ‫אלמנטים‬
3
‫סמנטיים‬ ‫אלמנטים‬ header , footer , ...
‫טופס‬ ‫של‬ ‫אלמנטים‬ ‫מאפייני‬ number,date,time,calendar,range
‫גרפיים‬ ‫אלמנטים‬ canvas
‫מולטימדיה‬ ‫אלמנטים‬ audio,video

audio ‫אלמנט‬
: ‫הבאה‬ ‫בצורה‬ audio ‫תג‬ ‫באמצעות‬ ‫ומוגדר‬ ‫קול‬ ‫מנגן‬ ‫אודיו‬ ‫אלמנט‬
<audio controls>
<source src="http://sifidesign.com/audio/explosion.mp3" type="audio/mp3" />
<source src="http://sifidesign.com/audio/explosion.ogg" type="audio/ogg" />
Your browser does not support the audio element.
</audio>
HTML DOM ‫דרך‬ javascript ‫בעזרת‬ ‫שלו‬ ‫המאפינים‬ ‫באמצעות‬ ‫האלמנט‬ ‫על‬ ‫לשלוט‬ ‫ניתן‬ : ‫הערה‬
AudioVideo Object
4
‫בשלושה‬ ‫תומך‬ Audio
mp3 ,ogg : ‫קול‬ ‫של‬ ‫פורמטים‬
, wav
audio URL audio format
‫באמצעות‬ ‫שליטה‬
‫כפתורים‬

video ‫אלמנט‬
: ‫הבאה‬ ‫בצורה‬ video ‫תג‬ ‫באמצעות‬ ‫ומוגדר‬ ‫סרטונים‬ ‫מנגן‬ ‫וידאו‬ ‫אלמנט‬
<video controls>
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
HTML DOM ‫דרך‬ javascript ‫בעזרת‬ ‫שלו‬ ‫המאפינים‬ ‫באמצעות‬ ‫האלמנט‬ ‫על‬ ‫לשלוט‬ ‫ניתן‬ : ‫הערה‬
AudioVideo Object
5
‫בשלושה‬ ‫תומך‬ video ‫אלמנט‬
mp4 ,ogg :‫וידאו‬ ‫של‬ ‫פורמטים‬
, WebM
video URL video format
‫באמצעות‬ ‫שליטה‬
‫כפתורים‬

HTML5

More Related Content

More from Nathan Krasney (18)

HTML5