CSS ഉപയോഗിച്ച് XML പ്രമാണങ്ങൾ സ്റ്റൈലിംഗ് ചെയ്യുക

കാഷ് പാഡിറ്റി സ്റ്റൈൽ ഷീറ്റുകളിൽ നിങ്ങൾക്കെങ്ങനെയാണ് ഇത് ചെയ്യേണ്ടത് എന്നതിനെ നിങ്ങളുടെ XML നോക്കുക

ഒരു എക്സ്എംഎൽ പ്രമാണം ഉണ്ടാക്കുക, ഡിട്രോ എഴുതി, ഒരു ബ്രൌസറിനൊപ്പം പാഴ്സുചെയ്യുന്നതു് എല്ലാം ശരിയാണു്, പക്ഷേ നിങ്ങൾ അതു് കാണുമ്പോൾ ഡോക്യുമെന്റ് എങ്ങനെ കാണാം? XML എന്നത് പ്രദർശനത്തിന്റെ ഒരു ഭാഷ അല്ല. വാസ്തവത്തിൽ, XML ഉപയോഗിച്ച് എഴുതിയ പ്രമാണങ്ങൾക്ക് ഫോർമാറ്റിംഗ് ഇല്ല.

അങ്ങനെ, എന്റെ XML എങ്ങനെ കാണുന്നു?

ഒരു ബ്രൌസറിൽ എക്സ്എംഎൽ കാണുന്നതിനുള്ള കീ ഷേപ്പ് ഷീറ്റുകൾ ആണ്. നിങ്ങളുടെ ടെക്സ്റ്റ് വലിപ്പം, നിറം മുതൽ പശ്ചാത്തലവും നിങ്ങളുടെ നോൺ-ടെക്സ്റ്റ് ഒബ്ജക്റ്റുകളുടെ സ്ഥാനവും വരെയുള്ള നിങ്ങളുടെ എക്സ്എംഎൽ പ്രമാണത്തിലെ എല്ലാ ഘടകങ്ങളും നിർവചിക്കാൻ സ്റ്റൈൽ ഷീറ്റുകൾ നിങ്ങളെ അനുവദിക്കുന്നു.

നിങ്ങൾക്ക് ഒരു XML പ്രമാണമുണ്ടെന്ന് പറയുക:

]> judy Layard ജെന്നിഫർ ബ്രെണ്ടൻ

ആ എക്സ്പ്ലോറർ എക്സ്റ്റൻഷൻ പോലുള്ള ഇന്റർനെറ്റ് എക്സ്പ്ലോററുകളിൽ ആ ഡോക്യുമെൻറേഷൻ നിങ്ങൾ കാണുകയാണെങ്കിൽ, ഇത് ഇങ്ങനെ പ്രദർശിപ്പിക്കും:

ജൂഡി ലെയർഡ് ജെന്നിഫർ ബ്രെൻഡൻ

എന്നാൽ നിങ്ങൾ മാതാപിതാക്കളെയും കുട്ടിയുടെ ഘടകങ്ങളെയും തമ്മിൽ വേർതിരിച്ചറിയാൻ ആഗ്രഹിക്കുന്നെങ്കിലോ? അല്ലെങ്കിൽ പ്രമാണത്തിലെ എല്ലാ ഘടകങ്ങളും തമ്മിൽ ഒരു വ്യതിരിക്ത വ്യത്യാസം വരുത്തുക. നിങ്ങൾക്ക് അത് എക്സ്.എം.എൽ ഉപയോഗിച്ച് ചെയ്യാൻ കഴിയില്ല, കൂടാതെ ഇത് പ്രദർശനത്തിനായി ഉപയോഗിക്കപ്പെടുന്ന ഒരു ഭാഷയല്ല.

പക്ഷേ, ആ പ്രമാണങ്ങളും ആപ്ലിക്കേഷനുകളും ഒരു ബ്രൌസറിൽ കാണുമ്പോൾ എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് നിങ്ങൾ നിർവ്വചിക്കുന്നതിന് XML പ്രമാണങ്ങളിൽ കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ അല്ലെങ്കിൽ സി.എസ്.എസ് ഉപയോഗിക്കാൻ എളുപ്പമാണ്. മുകളിൽ പറഞ്ഞിരിക്കുന്ന പ്രമാണത്തിന്, നിങ്ങൾ ഒരു 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 പ്രമാണം വായിക്കും:

< ലീഡർ ലെയ്ലർ ബ്രെണ്ടൻ