CSS శైలిలో ప్రీ అంటే ఏమిటి? HTMLలో ప్రీ ర్యాపింగ్ కోడ్ ట్యాగ్‌ల పాత్ర

మేము వాడతాంWordPress వెబ్‌సైట్CSS మరియు HTML యొక్క కొన్ని ప్రాథమికాలను నేర్చుకోవాలి:

• కొన్ని WordPress థీమ్‌ల CSS స్టైల్ ఫైల్‌ల కారణంగా, ప్రీ మరియు కోడ్ ట్యాగ్ స్టైల్స్ జోడించబడవు.
• ప్రస్తుతం చాలా బ్రౌజర్‌లు సపోర్ట్ చేస్తున్నాయిగుర్తు.

HTML  లేబుల్ ఉదాహరణ

కిందిది ప్రీ ట్యాగ్ యొక్క CSS శైలి (ఇది స్వయంచాలకంగా 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 ట్యాగ్‌లను WordPress థీమ్‌కి కాపీ చేయండి style.css ఫైల్‌లో.

HTML ప్రీ ట్యాగ్ ఫంక్షన్ మరియు వినియోగ సూచనలు

• లేబుల్‌లు ముందుగా ఆకృతీకరించిన వచనాన్ని నిర్వచించాయి.
• మార్కప్ మూలకాలలో, కలిగి ఉన్న వచనం సాధారణంగా ఖాళీలు మరియు లైన్ బ్రేక్‌లను వదిలివేస్తుంది.
• వచనం మోనోస్పేస్డ్ ఫాంట్‌లో కూడా ప్రదర్శించబడుతుంది.

标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

మీరు పేర్కొన్న వచన ఆకృతిని HTMLలో ఉంచాలనుకుంటే, మీరు ప్రముఖ మూలకం యొక్క లక్షణాన్ని ఉపయోగించుకోవాలి.

చిట్కాలు మరియు సూచనలు

సూచన:ట్యాగ్‌ల యొక్క సాధారణ ఉపయోగం కంప్యూటర్ యొక్క సోర్స్ కోడ్‌ను సూచించడం.

HTML 4.01 మరియు HTML5 మధ్య తేడాలు

HTML 4.01లో, "వెడల్పు" లక్షణం తీసివేయబడింది మరియు ఉపయోగించబడదు. HTML5 "వెడల్పు" లక్షణానికి మద్దతు ఇవ్వదు.

లక్షణం

ఆస్తి విలువ వివరణ

• వెడల్పు సంఖ్య HTML5 ఈ లక్షణానికి మద్దతు ఇవ్వదు.
• ఈ లక్షణం HTML 4.01లో నిలిపివేయబడింది.
• పంక్తికి గరిష్ట సంఖ్యలో అక్షరాలను నిర్వచిస్తుంది (సాధారణంగా 40,80, 132 లేదా XNUMX).

ప్రపంచ లక్షణాలు

• <pre>మార్కప్ గ్లోబల్ అట్రిబ్యూట్‌లకు మద్దతు ఇస్తుంది మరియు పూర్తి ప్రాపర్టీ షీట్ HTML గ్లోబల్ అట్రిబ్యూట్‌లను చూడండి.

ఈవెంట్ లక్షణాలు

• ట్యాగ్‌లు అన్ని HTML ఈవెంట్ అట్రిబ్యూట్‌లకు మద్దతిస్తాయి.