عناصر جایگزین شده یا Replaced Elements در HTML

عناصر جایگزین شده یا Replaced Elements شامل هر عنصری (تگ html) می‌شود که ظاهر و ابعاد آن توسط یک منبع خارجی تعریف شده است، عناصری چون تگ‌های img, input, iframe از جمله عناصر جایگزین هستند. Replaced Elements یا عناصر جایگزین شده می‌توانند دارای ظاهر و ابعاد پیشفرض باشند، البته که این مورد توسط شما قابل تغییر است.

در css نیز عنصر جایگزین شده به معنی عنصری است که ظاهر و ابعاد آن خارج از محدوده css محلی است، به عبارت ساده‌تر ظاهر و ابعاد این عناصر یا تگ‌ها از ابتدا تحت تاثیر سند فعلی قرار نمی‌گیرند اما از طریق سند فعلی قابل تغییر هستند.

برای مثال تصویر فراخوانی شده در تگ img در ابتدا شامل عرض و ارتفاع مشخصی است اما شما می‌توانید با استفاده از ویژگی‌های width و height ابعاد پیشفرض را تغییر دهید. برای فراخوانی محتوای مورد نظر در عناصر جایگزین شده (برای مثال تصویر یا یک اسکریپت) حتما باید از ویژگی src استفاده شود.

• تفاوت بین فرمت فونت‌ها در سایت
• تفاوت src و href در html

چند نمونه از عناصر جایگزین شده در HTML

• <iframe>
• <img>
• <embed>
• <video>

عناصر زیر فقط در موارد خاص به عنوان عناصر جاگزین در نظر گرفته می شوند:

• <option>
• <audio>
• <canvas>
• <object>
• <applet>
• <input type="image">