שימוש ב-HTML5 ותכנים אינטראקטיביים

HTML5 מביא עמו מספר תגיות חדשות המאפשרות יצירת תכנים אינטראקטיביים ומשתפרים.

תגיות HTML5 חדשות

HTML5 הציגה תגיות חדשות כגון <header>, <footer>, <section>, ו-<article>.

        <header>
          <h1>כותרת ראשית</h1>
        </header>
    
        <section>
          <h2>כותרת חלק</h2>
          <p>תוכן חלק</p>
        </section>
    
        <article>
          <h2>כותרת מאמר</h2>
          <p>תוכן מאמר</p>
        </article>
    
        <footer>
          <p>הסבר על האתר</p>
        </footer>
        

תגיות אלו עוזרות לארגן את התוכן בצורה לוגית ומובנת יותר.

תוכן אינטראקטיבי

HTML5 מספק גם תגיות לתוכן אינטראקטיבי כמו <video> ו-<audio>.

        <video controls>
          <source src="movie.mp4" type="video/mp4">
          Your browser does not support the video tag.
        </video>
    
        <audio controls>
          <source src="audio.mp3" type="audio/mpeg">
          Your browser does not support the audio element.
        </audio>
        

תגיות אלו מאפשרות לשלב סרטונים ושמע בדף בצורה פשוטה.

שימוש ב-Canvas

תגית <canvas> מאפשרת לצייר גרפיקה דינמית באמצעות JavaScript.

        <canvas id="myCanvas" width="200" height="100"></canvas>
        
        

תגית <canvas> היא כלי חזק ליצירת גרפיקה דינמית בעמוד.