تگ code در HTML

تگ code در HTML

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

در این مقاله با یکی دیگر از تگ ها ی HTML با عنوان تگ code در HTML آشنا شوید.

نحوه کار تگ code

تگ code سبک سازی محتوای آن را تغییر می دهد تا قطعات کد رایانه را آسان تر تشخیص دهد.

<p>
  Default style for code element<br>
  <code>
    code {
        font-family:monospace;
    }
  </code>
</p>

در مثال کد HTML بالا ، می توانید دو نوع سبک متن را مقایسه کنید. ابتدا متن ساده را مثل همیشه مشاهده می کنید. پس از شکستن خط HTML ، تگ ها <code> بخشی از کد کامپیوتر را محصور می کنند.

نکات اصلی تگ code در HTML

  • عنصر <code> معمولاً شامل قطعاتی از کد HTML (یا کد سایر زبانها) است و آن ها را متفاوت از بقیه متن سبک می کند.
  • مرورگرها با استفاده از قلم پیش فرض تک فاصله ، محتوای تگ های <code> را نمایش می دهند.
  • از عناصر <code> و <samp> برای ایجاد نمونه ها یا قطعه هایی از کدهای HTML استفاده می شود.
  • تگ های <code>  باید بسته شود.

توجه: هنگامی که می خواهید کد را در بلوک های HTML نمایش دهید ، بهتر است ترکیبی از <code> و <pre> را برای حفظ تورفتگی و شکاف خط استفاده کنید.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

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

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

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