آموزش چند رسانه ای در html

آموزش html و css

در جلسه امروز آموزش html css می­خواهم درباره چند رسانه ­ای­ ها در html صحبت کنم.

چند رسانه ­ای ­ها مقابل برنامه­ های صرفا متنی قرار دارند یعنی استفاده از عکس، صوت، ویدئو و …. که در حال حاضر با وجود نسخه html5 شاهد تحول عظیمی در نحوه نمایش چند رسانه­ ای­ ها در دنیای وب شده ایم؛ اما به چه صورت؟

شما با استفاده از یک قطعه کد که در ادامه به معرفی آنها میپردازیم، میتوانید هر کجای صفحات وب که بخواهید از آنها استفاده کنید.

پس تا اینجا فهمیدیم که چند رسانه­ای­ها چه هستند. اما اینکه چگونه از آنها در کدهای html استفاده کنیم، بحث امروز ماست.

آموزش اولین تگ چند رسانه ای در html:

نام این تگ picture است و یکی از رایج ­ترین تگ­ های html در دیزاین وبسایت ­ها برای طراحی واکنش گراست و به عنوان یک قالب برای نگهداری چندین عکس در حالت­های مختلف یک صفحه وب به کار میرود و دارای دو تگ داخلی به نام­های source و  image است.

صفت­های تگ داخلی source:

• Srcset: این صفت تعیین کننده آدرس تصویر برای نمایش است.
• Media: حداقل min عکس را در سایزهای مختلف صفحه نمایش نشان میدهد.
• Type: با این صفت به اینترنت کمک میکنیم که نوع فایل ما را تشخیص دهد، یعنی کامپیوتر ها و سیستم عامل ها از پسوند فایل ها برای تشخیص استفاده میکنند ولی مرورگرها از MIME-Typeها برای اینکار استفاده میکنند.
• منبع : وبیت  

آموزش چند رسانه ای در html