کدهای کامپیوتری

تگ code

تگ <code> برای نمایش کد کامپیوتری به‌صورت inline (در وسط متن) استفاده می‌شود. مرورگر معمولاً آن را با فونت monospace نمایش می‌دهد.

<p>برای نمایش پیام از <code>console.log() استفاده کنید.

تگ pre

تگ <pre> برای نمایش کد پیش‌فرمت شده استفاده می‌شود. این تگ فاصله‌ها و شکست خط‌ها را حفظ می‌کند و برای نمایش بلوک‌های کد مناسب است.

<pre>
function hello() {
  console.log("Hello World!");
}
</pre>

ترکیب code و pre

برای نمایش بهتر کد، معمولاً <code> را داخل <pre> قرار می‌دهیم:

<pre><code>
function hello() {
  console.log("Hello World!");
}

تگ kbd

تگ <kbd> برای نمایش ورودی کیبورد استفاده می‌شود. مرورگر معمولاً آن را با استایل خاص (مثل دکمه کیبورد) نمایش می‌دهد.

<p>برای کپی کردن <kbd>Ctrl</kbd> + <kbd>C</kbd> را فشار دهید.</p>
<p>برای ذخیره <kbd>Ctrl</kbd> + <kbd>S</kbd> را بزنید.</p>

تگ samp

تگ <samp> برای نمایش خروجی نمونه برنامه استفاده می‌شود.

<p>خروجی برنامه: <samp>Hello World!</samp></p>

تگ var

تگ <var> برای نمایش متغیر در متن ریاضی یا برنامه‌نویسی استفاده می‌شود. معمولاً به‌صورت کج نمایش داده می‌شود.

<p>فرمول: <var>x</var> = <var>a</var> + <var>b</var></p>

مقایسه تگ‌ها

تگ	کاربرد	نمایش
<code>	کد inline	console.log()
<pre>	کد پیش‌فرمت شده	حفظ فاصله‌ها
<kbd>	ورودی کیبورد	Ctrl
<samp>	خروجی نمونه	Hello
<var>	متغیر	x

نکات مهم

• برای کدهای طولانی از <pre> استفاده کنید
• برای کدهای کوتاه در متن از <code> استفاده کنید
• ترکیب <pre><code> بهترین روش برای نمایش کد است
• <kbd> فقط برای کلیدهای کیبورد است
• <samp> برای خروجی برنامه است، نه کد