نحوه نشان دادن کد در html بدون اجرای آن

سلام. من محمد مهدی بهرامی هستم. و امروز می خواهم ترفندی را به شما یاد بدهم تا کدی را در Html وارد کنید و نمایش دهید بدون اینکه اجرا شود.

کافیست کد را در تگ

<xmp>

بنویسید!

آپدیت:

استفاده از تگ xmp دیگر پیشنهاد نمیشود. (MDN Web Docs)

کافیست آن را در تگ pre یا code یا هر دو نوشته و کاراکتر های < و > را با &gt; و &lt; عوض کنید:

<pre><code>
  &lt;meta charset='UTF-8' /&gt;
</code></pre>

یا اینکه میتونید از کنابخانه های رنگ کردن کد مثل Prism, HighlightJS و غیره استفاده کنید.

بابت خواندن این ترفند ممنونم. اگر سوال یا مشکلی دارید به این ایمیل بفرستید.

bhrm85@yahoo.com