تعریف و کاربرد تگ 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 پشتیبانی می کند.
آیا میشه کدهای خود html رو هم در این تگ پیاده کرد و نشون بده؟
اگر به مثال خودتان امتحان کنید دقت کنید و خروجی ای که بوسیله تگ code ایجاد شده است را مشاهده کنید می بینید که محتوای تگ code با فونت یا کد کامپیوتری نمایش داده شده است. بنابراین از تگ code برای نمایش یک محتوا با فونت کامپیوتری استفاده می شود.
همچنین برای نمایش تگ های HTML از تگ pre استفاده کنید.
طبق گفته ی شما من خواستم با استفاده از تگ pre ،یک لینک که شامل تگ a است رو نشون بدم، ولی بازم نشون نداد به عنوان مثال این رو وارد کردم :
<a href="/" > this </a>
ولی در خروجی فقط لفظ this رو نشون داد و ما قبل اون رو که تگ a بود رو نشون نداد.
اما نکته ی مهم در مورد نمایش کدهای 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