عناصر کد کامپیوتری در HTML

HTML شامل چندین عنصر برای تعریف ورودی کاربر و کد کامپیوتری است.

مثال

<code>
x = 5;
y = 6;
z = x + y;
</code>

تگ `<kbd>` در HTML برای ورودی صفحه کلید

عنصر <kbd> در HTML برای تعریف ورودی صفحه کلید (keyboard input) استفاده می‌شود. محتوای داخل آن با فونت monospace (فاصله یکسان) پیش‌فرض مرورگر نمایش داده می‌شود.

مثال

تعریف بخشی از متن به عنوان ورودی صفحه کلید در یک سند:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

نتیجه:

Save the document by pressing Ctrl + S

تگ `<samp>` در HTML برای خروجی برنامه

عنصر <samp> در HTML برای تعریف خروجی نمونه از یک برنامه کامپیوتری استفاده می‌شود. محتوای داخل آن با فونت monospace پیش‌فرض مرورگر نمایش داده می‌شود.

مثال

تعریف بخشی از متن به عنوان خروجی نمونه از یک برنامه کامپیوتری در یک سند:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

نتیجه:

Message from my computer: File not found. Press F1 to continue

تگ `<code>` در HTML برای کد کامپیوتری

عنصر <code> در HTML برای تعریف یک قطعه کد کامپیوتری استفاده می‌شود. محتوای داخل آن با فونت monospace پیش‌فرض مرورگر نمایش داده می‌شود.

مثال

تعریف بخشی از متن به عنوان کد کامپیوتری در یک سند:

<code>
x = 5;
y = 6;
z = x + y;
</code>

نتیجه:

x = 5; y = 6; z = x + y;

حفظ شکست خطوط (Line-Breaks)

توجه داشته باشید که عنصر <code> فاصله‌های خالی اضافه و شکست خطوط را حفظ نمی‌کند.

برای حفظ کردن این موارد، می‌توانید عنصر <code> را داخل یک عنصر <pre> قرار دهید:

مثال

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

نتیجه:

x = 5;
y = 6;
z = x + y;

تگ `<var>` در HTML برای متغیرها

عنصر <var> در HTML برای تعریف یک متغیر در برنامه‌نویسی یا در یک عبارت ریاضی استفاده می‌شود. محتوای داخل آن معمولاً به صورت ایتالیک (کج) نمایش داده می‌شود.

مثال

تعریف بخشی از متن به عنوان متغیر در یک سند:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

نتیجه:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

خلاصه فصل

عنصر <kbd> ورودی صفحه کلید را تعریف می‌کند.
عنصر <samp> خروجی نمونه از یک برنامه کامپیوتری را تعریف می‌کند.
عنصر <code> یک قطعه کد کامپیوتری را تعریف می‌کند.
عنصر <var> یک متغیر در برنامه‌نویسی یا در یک عبارت ریاضی را تعریف می‌کند.
عنصر <pre> متن از پیش قالب‌بندی شده را تعریف می‌کند.