تگ code در HTML
مثال (تگ code در HTML)
قالب متن در یک سند:
<code>A piece of computer code</code>
خودتان امتحان کنید »
تعریف و کاربرد تگ code در HTML
از تگ <code> برای نحوه نمایش عبارات و پاراگراف ها استفاده می شود. در واقع این تگ یک عبارات را بصورت یک قطعه کد کامپیوتری، نمایش می دهد.
نکته: استفاده از این تگ توصیه نمی شود ولی برای رسیدن به نتایج بهتر می توانید با استفاده از CSS به استایل مورد نظرتان برسید.
تمام تگ های عبارتی:
Tag | توضیحات |
---|---|
<em> | متن را به صورت emphasized نمایش می دهد |
<strong> | متن را به صورت strong یا Bold شده و ضخیم نمایش می دهد |
<dfn> | جهت تعریف definition term |
<code> | متن را به صورت یک قطعه کد کامپیوتری نمایش می دهد |
<samp> | متن را به صورت sample computer code (نمونه از یک کد کامپیوتری) نمایش می دهد |
<kbd> | متن را به صورت keyboard (صفحه کلید) نمایش می دهد |
<var> | یک متغیر تعریف می کند |
پشتیبانی مرورگرها از تگ code در HTML
عنصر | |||||
---|---|---|---|---|---|
<code> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ code در HTML
تگ<code> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ code در HTML
تگ <code> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
- نوشته شده توسط سمیه فخری
- بازدید: 15343
دیدگاهها
تگ محتوی خود را با استایلی نمایش می دهد که نشان دهنده یک قطعه کد کامپیوتری است، صرفا برای یک عبارت کوتاه در یک جمله استفاده می شود برای چند خط کد باید درون تگ قرار گیرد.
یعنی منظور شما این هست که از تگ code برای نوشتن کدهای برنامه نویسی استفاده می شود؟
آیا میشه کدهای خود html رو هم در این تگ پیاده کرد و نشون بده؟
خیر از تگ code برای نوشتن کدهای برنامه نویسی استفاده نمی شود ...!
اگر به مثال خودتان امتحان کنید دقت کنید و خروجی ای که بوسیله تگ code ایجاد شده است را مشاهده کنید می بینید که محتوای تگ code با فونت یا کد کامپیوتری نمایش داده شده است. بنابراین از تگ code برای نمایش یک محتوا با فونت کامپیوتری استفاده می شود.
همچنین برای نمایش تگ های HTML از تگ pre استفاده کنید.
خیلی ممنون از توضیحاتتون و پشتیبانی خوب سایتتون
طبق گفته ی شما من خواستم با استفاده از تگ pre ،یک لینک که شامل تگ a است رو نشون بدم، ولی بازم نشون نداد به عنوان مثال این رو وارد کردم :
<a href="/" > this </a>
ولی در خروجی فقط لفظ this رو نشون داد و ما قبل اون رو که تگ a بود رو نشون نداد.
در مورد تگ pre یه موردی که فراموش کردم عرض کنم این است که از این تگ در واقع برای زمانی که می خواهیم تمام فاصله بین کاراکترها و یا Enterهایی که بین خط ها وجود دارد حفظ شود و به همان صورت در خروجی نمایش داده شود، استفاده می کنیم. بعنوان مثال اگر محتوایی شامل کدهای HTML داشته باشیم که بخواهیم به همان صورت در خروجی نمایش داده شود باید حتما از تگ Pre استفاده کنیم تا بعنوان مثال تورفتگی های ابتدای کدمان و یا Enter بین خطوط در خروجی چاپ شود.
اما نکته ی مهم در مورد نمایش کدهای HTML در خروجی این است که حتما باید بجای علامت > از ;lt& و بجای علامت < از ;gt& استفاده کنید.
برای کسب اطلاعات بیشتر در مورد > و یا < به لینک زیر مراجعه کنید:
beyamooz.com/html/138-advanced/358-%DA%A9%D8%A7%D8%B1%D8%A7%DA%A9%D8%AA%D8%B1%D9%87%D8%A7%DB%8C-%D8%B1%D8%B2%D8%B1%D9%88-%D8%B4%D8%AF%D9%87-%D8%AF%D8%B1-html
خیلی ممنونم از توضیحاتتون