پیش در سبک CSS چیست؟ نقش تگ های کد پیش بسته بندی در HTML

ما استفاده می کنیموب سایت وردپرسنیاز به یادگیری اصول اولیه CSS و HTML:

• به دلیل وجود فایل‌های سبک CSS در برخی از تم‌های وردپرس، استایل تگ پیش و کد اضافه نشده است.
• اکثر مرورگرها در حال حاضر پشتیبانی می کنندعلامت گذاری.

HTML  نمونه برچسب

در زیر سبک CSS تگ pre (که می تواند به طور خودکار کد html را بسته بندی کند) ▼ است

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

در زیر سبک CSS تگ کد ▼ آمده است

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

نحوه استفاده:

• لطفا تگ های CSS بالا را در قالب وردپرس کپی کنید style.css در فایل

عملکرد تگ پیش از HTML و دستورالعمل های استفاده

• برچسب ها متن از پیش فرمت شده را تعریف می کنند.
• در عناصر نشانه گذاری، متن موجود معمولاً فاصله و خطوط شکسته می گذارد.
• متن نیز با فونت monospaced نمایش داده می شود.

نشانه گذاری اغلب标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

اگر می خواهید قالب متن مشخص شده را در HTML قرار دهید، باید از ویژگی عنصر اصلی استفاده کنید.

نکات و دستورالعمل ها

اشاره:استفاده متداول از برچسب ها برای نمایش کد منبع یک کامپیوتر است.

تفاوت بین HTML 4.01 و HTML5

در HTML 4.01، ویژگی "width" منسوخ شده است و نمی توان از آن استفاده کرد. HTML5 از ویژگی "width" پشتیبانی نمی کند.

مشخصه

شرح ارزش ملک

• عدد عرض HTML5 از این ویژگی پشتیبانی نمی کند.
• این ویژگی در HTML 4.01 منسوخ شده است.
• حداکثر تعداد کاراکتر در هر خط (معمولاً 40,80، 132 یا XNUMX) را تعیین می کند.

خواص جهانی

• <pre>نشانه گذاری از ویژگی های جهانی پشتیبانی می کند و ویژگی های جهانی HTML را ببینید.

ویژگی های رویداد

• برچسب ها از تمام ویژگی های رویداد HTML پشتیبانی می کنند.