HTML Plug-ins

افزونه‌های HTML چیستند؟

خود HTML یک زبان نشانه‌گذاری است و به تنهایی افزونه (plug-in) ندارد، اما معمولاً وقتی می‌گوییم افزونه‌های HTML منظور ابزارها یا کامپوننت‌هایی هستند که امکانات اضافی به صفحات وب اضافه می‌کنند. این افزونه‌ها معمولاً به صورت زیر هستند:

• افزونه‌ها یا پلاگین‌های مرورگر: نرم‌افزارهایی که روی مرورگر نصب می‌شوند و می‌توانند با صفحات وب تعامل داشته باشند یا آن‌ها را بهتر کنند (مثل Adobe Flash Player در گذشته).

• افزونه‌ها یا کتابخانه‌های جاوااسکریپت: اسکریپت‌هایی که در صفحات HTML قرار می‌گیرند تا ویژگی‌های تعاملی یا پیشرفته اضافه کنند؛ مثل اسلایدرها، تقویم‌ها، نمایش پنجره‌های مودال و اعتبارسنجی فرم‌ها.

• ویجت‌های شخص ثالث: محتوایی که از سرویس‌هایی مثل گوگل مپ، یوتیوب، چت آنلاین و شبکه‌های اجتماعی درون صفحه وب قرار می‌گیرد.

نمونه‌هایی از افزونه‌های رایج (معمولاً کتابخانه‌های JS)

• jQuery Plugins: افزونه‌هایی برای ویژگی‌هایی مانند اسلایدر تصاویر، اعتبارسنجی فرم، نمایش پنجره مودال.

• Bootstrap: کتابخانه‌ای برای استایل‌دهی و اضافه کردن اجزای رابط کاربری آماده.

• Lightbox: برای نمایش تصاویر و گالری‌ها به صورت پنجره‌ای روی صفحه.

• FullCalendar: نمایش تقویم تعاملی.

• Google Maps API: جاسازی نقشه‌های گوگل با نشانه‌ها و کنترل‌های سفارشی.

چگونه یک افزونه را در HTML استفاده کنیم؟

معمولاً افزونه‌ها را با افزودن لینک به فایل‌های CSS و JS آن‌ها در فایل HTML وارد می‌کنید، سپس با کد خاص خودشان آن‌ها را فعال می‌کنید. مثلاً: