CSS తో XML పత్రాలు స్టైలింగ్

క్యాస్కేడింగ్ స్టైల్ షీట్లతో మీరు ఎలా ఉండాలో మీ XML ను చూడండి

XML డాక్యుమెంట్ను సృష్టించడం, DTD వ్రాయడం మరియు బ్రౌజర్తో పార్సింగ్ చేయడం అన్ని జరిమానా, కానీ మీరు దానిని చూసినప్పుడు డాక్యుమెంట్ ఎలా ప్రదర్శించబడుతుంది? XML అనేది ప్రదర్శన యొక్క భాష కాదు. నిజానికి, XML తో రాసిన పత్రాలు ఎటువంటి ఫార్మాటింగ్ను కలిగి ఉండవు.

కాబట్టి, నేను నా XML ను ఎలా చూస్తాను?

ఒక బ్రౌజర్లో XML ను చూడటం కీ క్యాస్కేడింగ్ స్టైల్ షీట్స్. శైలి షీట్లు మీరు మీ XML డాక్యుమెంట్ యొక్క ప్రతి అంశాన్ని మీ టెక్స్ట్ యొక్క పరిమాణం మరియు రంగు నుండి మీ నేపథ్య-కాని వస్తువుల యొక్క నేపథ్యం మరియు స్థానం వరకు నిర్వచించడానికి అనుమతిస్తాయి.

మీకు XML డాక్యుమెంట్ ఉందని చెపుతున్నారు:

]> judy లేయర్డ్ జెన్నిఫర్ బ్రెండన్

మీరు ఇంటర్నెట్ ఎక్స్ప్లోరర్ వంటి XML సిద్ధంగా బ్రౌజర్లో ఆ పత్రాన్ని వీక్షించవలసి వస్తే, ఇది ఇలాంటిదే ప్రదర్శిస్తుంది:

జుడీ లేయర్డ్ జెన్నిఫర్ బ్రెండన్

కానీ మీరు తల్లిదండ్రుల మరియు పిల్లల అంశాల మధ్య భేదాన్ని కోరుకుంటే? లేదా పత్రంలోని అన్ని అంశాలకు మధ్య దృశ్యమాన వ్యత్యాసాన్ని కూడా సృష్టించండి. మీరు దీనిని XML తో చేయలేరు, మరియు అది ప్రదర్శించడానికి ఉపయోగించబడే భాష కాదు.

కానీ అదృష్టవశాత్తూ, మీరు ఆ పత్రాలు మరియు అనువర్తనాలు బ్రౌజర్లో వీక్షించినప్పుడు ప్రదర్శించాల్సిన వాటిని ఎలా నిర్వచించాలో XML డాక్యుమల్లో క్యాస్కేడింగ్ స్టైల్ షీట్స్ లేదా CSS ను ఉపయోగించడం సులభం. పైన పేర్కొన్న పత్రం కోసం, మీరు HTML పత్రాన్ని అదే విధంగా ట్యాగ్ల శైలిని నిర్వచించవచ్చు.

ఉదాహరణకు, HTML లో మీరు ఫాంట్ ముఖం వెర్డానా, జెనీవా, లేదా హెల్వెటికా మరియు నేపథ్య రంగు ఆకుపచ్చతో పేరా ట్యాగ్లలో (

) అన్ని వచనాన్ని నిర్వచించాలనుకోవచ్చు. అన్ని పేరాలు ఆ విధంగా ఉన్నాయి కాబట్టి, మీరు వ్రాసే ఒక శైలి లో నిర్వచించడానికి:

p {font-family: verdana, geneva, helvetica; నేపథ్య రంగు: # 00ff00; }

అదే నియమాలు XML డాక్యుమెంట్ల కోసం పనిచేస్తాయి. XML లో ప్రతి ట్యాగ్ను XML డాక్యుమెంట్లో నిర్వచించవచ్చు:

కుటుంబం {రంగు: # 000000; } పేరెంట్ {font-family: Arial Black; రంగు: # ff0000; సరిహద్దు: ఘన 5px; వెడల్పు: 300px; } పిల్లల {font-family: verdana, helvetica; రంగు: # cc0000; సరిహద్దు: ఘన 5px; సరిహద్దు రంగు: # cc0000; }

ఒకసారి మీరు మీ XML డాక్యుమెంట్ మరియు మీ స్టైల్ షిప్ వ్రాసిన తర్వాత, మీరు వాటిని కలిసి ఉంచాలి. HTML లో లింక్ కమాండ్ లాగానే, మీ XML డాక్యుమెంట్ ఎగువన (XML డిక్లరేషన్ క్రింద) ఒక లైన్ ఉంచండి, శైలిని కనుగొనే XML పార్సర్ చెప్పడం. ఉదాహరణకి:

నేను పైన చెప్పినట్లుగా, ఈ పంక్తి డిక్లరేషన్ క్రింద కానీ XML డాక్యుమెంట్లోని ఎలిమెంట్లకు ముందుగా ఉండాలి.

అన్నింటినీ కలిపి ఉంచడం, మీ XML డాక్యుమెంట్ చదువుతుంది:

< బ్రెండన్