نمایش کد (Code) (کد برنامه نویسی)، با تگ code ، در HTML

تگ code در HTML ، برای نمایش کد (Code) (کد برنامه نویسی) به کار می رود.

یعنی چنانچه متنی (Text) که می خواهیم نمایش دهیم، یک کد (Code) (کد برنامه نویسی) باشد، برای اینکه کاربر آن را از متن های دیگر تشخیص دهد، آن را با تگ code ، به شکل متفاوتی نمایش می دهیم.

اگر تگ code را به صورت تنها به کار ببریم، چندین کاراکتر فضای خالی (Space) پشت سرهم به تنها یک کاراکتر فضای خالی (Space) تبدیل می شود و همچنین کاراکترهای رفتن به خط جدید (New Line) نیز به کاراکتر فضای خالی (Space) تبدیل می شوند. اگر بخواهیم که این اتفاق نیفتد و کلیه کاراکترهای های فضای خالی (Space) و رفتن به خط جدید (New Line)، دقیقا به همان شکلی که هستند در خروجی نمایش داده شوند، باید تگ code را درون تگ pre به کار ببریم.

در مثال زیر، چگونگی به کار بردن تگ code به صورت درون خطی (در میان یک متن) را نمایش داده ایم :

مثال

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

در مثال زیر، چگونگی به کار بردن تگ code به همراه تگ pre را نشان داده ایم (برای نمایش صحیح کلیه کاراکترهای های فضای خالی (Space) و رفتن به خط جدید (New Line)) :

مثال

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

در مثال زیر، یک کد (Code) چند خطی را با استفاده از تگ code ، اما بدون تگ pre ، نمایش داده ایم تا متوجه شوید که در صورت عدم استفاده از تگ pre ، چگونه شکل کلی کدها (Code) به هم می ریزد :

مثال

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26728
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)