تگ‌های video و Audio در html ورژن 5 معرفی شده اند البته کتابخانه ای جاوااسکریپتی جانبی هم برای این کارها وجود دراره اما html5 خودش این رو پشتیبانی میکنه.

در پوشه asset یک پوشه img قبلا داشیتیم حالا یک پوشه media ایجاد میکنیم و فایل صوتی تصویری رو داخلش میریزیم

برای تگ ویدیو عبارت video رو نوشته و سپس یک tab روی کیبرد فشار میدیم خودش تگ ایجاد میشه

بهتره برای ایجاد دکه و کنترل روی ویدوعلاوه بر اتربیوت src از یک اتربوت control استفاده کنیم اگر استفاده نکینم دکمه‌های پلی روی ویدیو نمایان نمیشود

روش دیگر بجای استفاده از روش بالا :

در این روش از تایپ به همراه پسوند فایل یا همان اکستنشن استفاده شد

نکته مهم در تگ audio بر خلاف video حتما باید اتربیوت controls رو بزاریم

تگ audio هم همانند video میتوان به دو صورت نوشت یعنی :

روش 2 :

سمانتیک وب در html ورزن 5 یعنی html5:

معنی لغوی semantic : به یک معنا. دارای یک کاربرد مشابه ( کامپیوتر )>>>چیزی که داخلشه(داخل تگه) با اسمش یک مفهوم یا معنا رو برساند . ظاهر و باطن یکی باشه

بیشتر توی seo خیلی اهمیت داره

تگ‌های مفهومی که میفهمیم این تگ داخلش چیه بر خلاف div که یک تگ خیلی کلی هست که میتونه هر چیزی داخلش قرار بگیره

فلسفه ایجاد این سمانتیک تگ‌ها : برای اینکه موتورهای جستجو بفهمن این تگ‌ها چیه در صورتی که قبلا همه چی با div بود و برنامه نویس برای اینکه خودش بفهمه هر div چیه یک id مفههومی برای خودش انتخاب میکرد توی اون div . الان دیکه اومدن همان id مفهمومی رو گفتن بیاییم یک قانون تگ براش درست کنیم که نخواین همه چی رو با div بنویسیم و داستان بشه عکسی که میزارم گویای همه چیز است

اموزش در w3school :

https://www.w3schools.com/html/html5_semantic_elements.asp