تک دیک

واژه نامه و مجله آموزشی کامپیوتر و تکنولوژی

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages
Filter by Categories
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Numbers
O
P
Q
R
S
T
U
V
W
Y
Z
آگهی
اپلیکیشن ها
اچ‌تی‌ام‌ال
اسکرچ
اشخاص و شرکت ها
امنیت
امنیت آنلاین
اندروید
اینترنت
پایتون
پرسش و پاسخ
جاوااسکریپت
حروف انگلیسی
خبر
دوره های آموزشی
سخت‌افزار
سی‌اس‌اس
شبکه
فنی
کنسول جستجوی گوگل
گرافیک
لینوکس
مایکروسافت اکسل
مایکروسافت پاورپوینت
مایکروسافت ورد
مبانی کامپیوتر
مجله
مجله – امنیت
مجله – بازی
مجله – برنامه نویسی
مجله – دنیای اینترنت
مجله – سخت افزار
مجله – سیستم
مجله – شبکه
مجله – شبکه های اجتماعی
مجله – عمومی
مجله – گوشی‌های هوشمند
مجله – نرم افزار
مجله – ویندوز
مقدماتی
موضوعی
نرم‌افزار
وردپرس

متن از پیش فرمت شده در HTML – المان <pre>

متن از پیش فرمت شده در HTML - المان pre

المان <pre> در HTML برای نمایش متن از پیش فرمت شده (Preformatted text) به کار می‌رود. در واقع متن داخل المان <pre> دقیقا مطابق با شیوه نگارش در کد اچ‌تی‌ام‌ال با حفظ فاصله ها و خط های موجود در متن رندر می‌شود.

برای حفظ فرمت متن کافیست متن موردنظر را مابین تگ شروع <pre> و تگ پایان </pre> قرار دهید.

جزئیات المان <pre> و حفظ فرمت متن در HTML

در HTML به صورت پیشفرض فاصله های اضافی و ایجاد خطوط جدید داخل متن نادیده گرفته می‌شود. به عنوان مثال پاراگراف زیر را در نظر بگیرید.

<p>فاصله‌های اضافی و خطوط       مختلف داخل متن
در این المان     نادیده گرفته
می‌شوند</p>

این پاراگراف معمولا مشابه با نمونه زیر رندر می‌شود. همانطور که مشاهده می‌کنید در این حالت فاصله های اضافی مابین کلمات و خطوط جدید داخل متن حذف می‌شوند.

حذف فاصله های اضافی و خطوط جدید داخل متن در HTML

اما با قرار دادن متن داخل یک المان <pre> (مشابه با نمونه زیر)، متن به همان شکل اصلی رندر می‌شود.

<pre>فاصله‌های اضافی و خطوط       مختلف داخل متن
در این المان     حفظ
می‌شوند</pre>

نتیجه رندر این المان چیزی مشابه با نمونه زیر خواهد بود.

حفظ فاصله ها و خطوط موجود در متن با کمک المان pre در HTML

نمایش اسکی آرت (ASCII art) و حفظ خطوط و فاصله ها در متون سورس کدها از جمله کاربردهای رایج برای المان <pre> به شمار می‌رود.

ایجاد اسکی آرت و حفظ فاصله و خطوط متن در سورس کد در اچ تی ام ال با کمک المان pre
نمونه‌ای از کد HTML و نتیجه آن برای نمایش سورس کد و ایجاد اسکی آرت با کمک المان <pre>

همانطور که در مثال‌های فوق مشاهده می‌کنید معمولا به صورت پیشفرض، متن داخل المان <pre> با یک فونت تک فاصله (Monospaced font) نمایان می‌شود.

بازگشت به فهرست مجموعه آموزشی HTML

تولید و انتشار محتوای تخصصی علاوه بر زمان، هزینه هم دارد. بخش عمده هزینه‌های تک‌دیک با بودجه شخصی و حمایت‌های شما کاربران گرامی تأمین می‌شود. اگر محتوای این صفحه برای شما مفید واقع شده با روش‌های مختلفی از سراسر دنیا می‌توانید در تکمیل و تداوم فعالیت این سایت به گروه کوچک ما کمک کنید و در اجر معنوی آن نیز سهیم شوید. ما صمیمانه قدردان این محبت شما هستیم.

ما در تک‌دیک تلاش می‌کنیم محتوایی دقیق، واضح و بدون اشتباه منتشر کنیم. به همین دلیل هر مطلب پیش از انتشار بارها بازبینی می‌شود. از طرف دیگر با توجه به حجم بالای مطالب به کمک شما هم نیاز داریم. اگر احساس می‌کنید محتوای این صفحه باید بروزرسانی، تکمیل یا تصحیح شود و یا سوالی در مورد این مطلب دارید که بدون پاسخ مانده خوشحال می‌شویم آن را در بخش دیدگاه‌های همین مطلب با ما در میان بگذارید.

دیدگاه‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته‌های بیشتر

تبلیغات متنی ساده