انتخاب افزونه ها در HTML

انتخاب افزونه ها در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 04 آذر 1399

انتخاب افزونه ها در HTML عناصر رسانه ای هستند که می توانند از یک منبع خارجی در یک صفحه وب جاسازی شوند تا ویژگی های اضافی را ارائه دهند.

چرا افزونه ها را اضافه کنید؟

در حالی که تگ ها و عناصر HTML امکانات مختلفی را برای شما فراهم می کنند ، مواردی وجود دارد که به شما در ایجاد آن ها کمک نمی کند. مواردی مانند صوتی ، تصویری یا اپلت باید برای یک منبع خارجی تعبیه شود.

اشیا HTML و افزونه های HTML را می توان چندرسانه ای HTML نیز نامید. این اصطلاح تمام رسانه های ارتباطی را نشان می دهد. اشیا جاسازی شده به ایجاد طرح های چشمگیر ، ایجاد پویایی و ارائه قابلیت های اضافی کمک می کنند. همه این گزینه ها به شما در بهبود تجربه کاربر کمک می کنند. با استفاده از یک فایل یا آدرس وب می توانید رسانه را در HTML جاسازی کنید.

با استفاده از تگ های مناسب ، اشیا HTML و پلاگین های HTML را تعبیه کنید.

عنصر <object> یک شی تعبیه شده در سند را مشخص می کند. می تواند برای تعبیه پرونده های چندرسانه ای یا صفحه وب دیگری در HTML استفاده شود:

<object width="400" height="300" data="example.ex">

تگ <embed> همچنین می تواند برای تعیین اشیا جاسازی شده در اسناد وب ، بیشتر پلاگین های HTML و برنامه های خارجی استفاده شود:

<embed width="400" height="300" src="example.ex">

توجه: عنصر <embed> در HTML4 و نسخه های قدیمی تر کار نخواهد کرد.

تصاویر نیز به چندرسانه ای تعلق دارند ، زیرا باید از منابع خارجی اضافه شوند. برای تعبیه یک تصویر، تگ های <img> ساده ترین گزینه هستند:

<img src="image.png" alt="Space Doggo" width="50" height="50">

برای افزودن ویدیو یا صدا ، می توانید از تگ های <audio> و <video> استفاده کنید:

<audio controls>
<source src="bitdegree.org/learn/I_Cactus_-_05_-_ruby_cactus.mp3" type="audio/mpeg"">
<p>If audio does not start, the <audio> HTML element is not supported in your browser.</p>
</audio>
<video controls width="400" height="300">
  <source src="video-tag-example.mp4" type="video/mp4">
  <source src="video-tag-sample.webm" type="video/webm">
  <source src="video-tag-demo.ogg" type="video/ogg">
  Video tag is not supported in this browser.
</video>

توجه: استفاده از تگ های <video> به این معنی نیست که شما نیازی به تعبیه Flash در HTML ندارید ، زیرا عنصر بومی HTML5 از پشتیبانی مرورگر بسیار بهتری برخوردار است.

قالب های صوتی و تصویری HTML

برای افزودن صدا و تصویر به وب سایت خود ، باید از قالب هایی که می توانید انتخاب کنید آگاه باشید. لیست قالب های موجود را در جداول زیر مشاهده کنید.

Media typeFormat
audio/wavPCM
audio/mpegMP3
audio/mp4, audio/aac, audio/aacpAAC
audio/ogg, audio/webmVorbis
audio/ogg, audio/webmOpus
audio/flac, audio/oggFLAC

قالب های ویدئویی

Media typeFormat
video/oggTheora
video/mp4H.264
video/mp4HEVC
video/webmVP8
video/webmVP9
video/webmAV1

نکات مهم انتخاب افزونه ها در HTML

  • پرونده های SWF را در HTML جاسازی نکنید ، زیرا Shockwave Flash متوقف شده است. در حال حاضر ، تگ های بومی HTML5 بسیار بهتر پشتیبانی می شوند.
  • همیشه مطمئن شوید که مشاهده پلاگین HTML شما به نرم افزار خاصی احتیاج ندارد. به عنوان مثال ، بسیاری از برنامه های جاوا دیگر نمایش داده نمی شوند زیرا بیشتر مرورگرها پشتیبانی از پلاگین( NPAPI (Netscape Plugin Application Programming Interface را متوقف کردند.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊