نمایش کد (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 :