എങ്ങനെയാണ് XML ഉപയോഗിച്ച് XML ഉപയോഗിച്ച് ഉപയോഗിക്കുക

എച്ച്ടിഎംഎൽ എച്ച്ടിഎംഎൽ എങ്ങിനെയാണ് നിങ്ങൾക്ക് പരിചയമുണ്ടെങ്കിൽ നിങ്ങൾക്ക് ഫോർമാറ്റിംഗിന്റെ ആശയം മനസ്സിലാകും. എക്സ്.എം.എൽ മാർക്ക്അപ്പ് ഭാഷയുടെ തുടക്കത്തിൽ ഡാറ്റ പ്രദർശിപ്പിക്കുന്നത് അൽപ്പം സങ്കീർണ്ണമായിരുന്നു, പക്ഷേ അത് ശൈലികൾ ഉപയോഗിച്ച് മാറ്റി.

ഒരു ശൈലി ഷീറ്റ് റഫറൻസ് ചേർക്കുന്നതിലൂടെ, നിങ്ങളുടെ XML കോഡ് ഒരു വെബ് പേജായി ഫോർമാറ്റ് ചെയ്യാനും പ്രദർശിപ്പിക്കാനും കഴിയും. സി.എസ്.എസ് അല്ലെങ്കിൽ മറ്റേതെങ്കിലും ഫോർമാറ്റിങ് ഇല്ലാതെ, ഒരു ഫോർമാറ്റിങ് ഡോക്യുമെന്റ് ബ്രൌസറിൽ ലഭ്യമാക്കാൻ കഴിയാത്ത രീതിയിലുള്ള അടിസ്ഥാന ടെക്സ്റ്റായി XML കാണപ്പെടുന്നു.

XML സ്റ്റൈലിംഗ് ഉദാഹരണം

ഒരു ലളിത ശൈലി ഷീറ്റ് ആവശ്യമെങ്കിൽ നിങ്ങൾ എന്റർമെന്റ് പ്രദർശിപ്പിക്കാൻ ആവശ്യമായ ഘടകങ്ങളും ഫോർമാറ്റിംഗ് ആട്രിബ്യൂട്ടുകളും മാത്രം മതി.

കോഡ് ഈ ബിറ്റ് പ്രദർശിപ്പിക്കാൻ ഘടകങ്ങളോട് പറയുന്നതും വെബ് പേജിൽ അവ എങ്ങനെ കാണണം എന്നതുമാണ്, ഇതുപോലുള്ളവ:

സാമ്പിൾ {background-color: #ffffff; വീതി: 100%;} mymessage {display: block; പശ്ചാത്തല വർണം: # 999999; മാർജിൻ-അടിയിൽ: 30pt;} body {font-size: 50%}

ഫോർമാറ്റിംഗ് ഫയലിലെ ആദ്യ വരി റൂട്ട് ഘടകമാണ്. റൂട്ടിനുള്ള ആട്രിബ്യൂട്ടുകൾ മുഴുവൻ പേജിലും പ്രയോഗിക്കുമെങ്കിലും ഓരോ ടാഗിലും അവയെ മാറ്റുക. ഓരോ വിഭാഗത്തിനും നിങ്ങൾക്ക് പേജിന്റെ പശ്ചാത്തല വർണ്ണം നൽകാം എന്നാണ് ഇതിനർത്ഥം.

നിങ്ങളുടെ XML ഫയൽ പോലെ സമാന ഡയറക്ടറിയിലേക്ക് ഈ ഫയൽ സംരക്ഷിക്കുക, അത് ഉണ്ടെന്ന് തീർച്ചപ്പെടുത്തുക .CSS ഫയൽ വിപുലീകരണം.

XML ൽ നിന്നും CSS- ലേക്ക് ലിങ്ക് ചെയ്യുക

ഈ ഘട്ടത്തിൽ ഇവ രണ്ടും തികച്ചും വ്യത്യസ്തമായ രണ്ട് പ്രമാണങ്ങളാണ്. ഒരു വെബ് പേജ് സൃഷ്ടിക്കാൻ അവരോടൊപ്പം പ്രവർത്തിക്കാൻ നിങ്ങൾക്കാഗ്രഹമുണ്ടെന്ന് പ്രോസസ്സർക്ക് അറിയില്ല.

നിങ്ങൾക്ക് CSS ഫയലിന്റെ പാത്ത് തിരിച്ചറിയുന്ന XML ഡോക്യുമെന്റിന്റെ മുകളിൽ ഒരു സ്റ്റേറ്റ്മെന്റ് ചേർത്ത് ഇത് പരിഹരിക്കാവുന്നതാണ്. ഈ പ്രസ്താവന, പ്രാരംഭ എക്സ്.എം.എൽ ഡിക്ലറേഷൻ പ്രസ്താവനയ്ക്കു കീഴിൽ നേരിട്ട് പ്രവർത്തിക്കുന്നു:

ഈ ഉദാഹരണത്തിൽ, CSS ഫയൽ ' products.css ' എന്നറിയപ്പെടുന്നു, അതിനാലാണ് എക്സ്.എം.എൽ പ്രമാണത്തിൽ ഇതിനെ ലേബൽ ചെയ്തിരിക്കുന്നത്. നിങ്ങൾ CSS ഫയലിനായി തിരഞ്ഞെടുത്ത ഫയൽ നാമത്തിലേക്ക് മാറ്റുക.