تگ pre در Html چیست ؟ کاربرد تگ pre در Html چیست ؟
سلام
لطفا بفرمایید تگ pre در Html چیست ؟ کاربرد تگ pre در Html چیست ؟ اگر ممکن هست مثال هم از تگ pre در Html بزنید.
تگ pre در Html چیست ؟
خب من بهتون پاسخ میدم که تگ pre چیست ؟ کاربرد تگ pre در html چیست ؟ از تگ pre در html به چه صورت استفاده می شود؟
در ابتدا ببینیم تگ pre در Html چیست ؟ وقتی شما می خواهید یک متن را به صورت پیش فرمت شده نمایش دهید از تگ pre استفاده می کنید. به عنوان مثال فرض کنید می خواهید در بین متن خود کدهای Html یا کدهای یک زبان برنامه نویسی را نمایش دهید که دارای فرمت خاصی می باشد. در این مواقع می توانید از تگ pre استفاده کنید.
مثال زیر را دقت کنید :
<!DOCTYPE html>
<html>
<body>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
</body>
</html>
//Result
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
همانطور که در مثال بالا می بینید در خط چهارم بین کلمه both و spaces چندین کاراکتر فضای خالی وجود دارد که به همان صورت فضای خالی نمایش داده شده است. اگر شما در اینجا از تگ pre استفاده نمی کردید متن بالا به صورت زیر نمایش داده می شود.
The pre element
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
کاربرد تگ pre در Html چیست ؟
- زمانی که می خواهیم محتوای سایت ما با همه فرمت هایی که دارد مانند فضای خالی، space ها و Tab ها نمایش داده شود از این تگ استفاده می شود.
- زمانی که می خواهیم کد در بین متن خود نمایش دهیم از تگ pre در Html استفاده می شود.
کدام مرورگرها از تگ pre پشتیبانی می کنند ؟
تقریبا می توان گفت اکثر مرورگرها از تگ pre در Html پشتیبانی می کنند.
|
تاریخ :
1401/01/13
- ساعت :
02:27:00 AM
- بازدید :
1998
- پاسخ :
1
|
|
تاریخ :
1403/10/20
- ساعت :
12:45:00 AM
- بازدید :
52
- پاسخ :
0
|
|
تاریخ :
1398/09/25
- ساعت :
12:00:00 PM
- بازدید :
2291
- پاسخ :
1
|
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
222
- پاسخ :
0
|
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
1010
- پاسخ :
1
|
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
8040
- پاسخ :
4
|
|
تاریخ :
1403/02/19
- ساعت :
01:52:00 PM
- بازدید :
465
- پاسخ :
1
|
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2652
- پاسخ :
2
|
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
892
- پاسخ :
1
|
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
751
- پاسخ :
1
|
|
تاریخ :
1403/10/26
- ساعت :
02:12:00 PM
- بازدید :
52
- پاسخ :
1
|
|
تاریخ :
1403/10/25
- ساعت :
12:39:00 AM
- بازدید :
45
- پاسخ :
0
|
|
تاریخ :
1398/10/13
- ساعت :
12:16:00 AM
- بازدید :
10761
- پاسخ :
3
|
|
تاریخ :
1402/07/20
- ساعت :
02:06:00 AM
- بازدید :
1080
- پاسخ :
1
|
|
تاریخ :
1399/06/25
- ساعت :
12:52:00 AM
- بازدید :
2072
- پاسخ :
2
|
|
تاریخ :
1403/10/22
- ساعت :
12:29:00 PM
- بازدید :
50
- پاسخ :
1
|
|
تاریخ :
1403/10/21
- ساعت :
02:16:00 PM
- بازدید :
72
- پاسخ :
1
|
|
تاریخ :
1400/12/18
- ساعت :
10:24:00 AM
- بازدید :
2024
- پاسخ :
1
|
|
تاریخ :
1401/01/13
- ساعت :
02:27:00 AM
- بازدید :
1998
- پاسخ :
1
|
|
تاریخ :
1401/01/26
- ساعت :
12:14:00 PM
- بازدید :
2873
- پاسخ :
1
|