በ CSS የተሰሩ XML ዲዛይሎች

የአንተን ኤክስኤምኤል ፍለጋ አድርግ እንዴት በፈለግከው የውሂብ ቁምፊ ሉሆች ውስጥ ትፈልገዋለህ

የኤክስ.ኤም.ኤል. ሰነድ መፍጠር, ዲኤንኤን መጻፍ እና በአሳሽ ላይ መለጠፍ ሁሉ ጥሩ ነው, ነገር ግን ሰነዱ ሲመለከቱ እንዴት ፋይሉ ያሳያል? ኤክስኤምኤል ለማሳየት ቋንቋ አይደለም. በእርግጥ, በ XML የተጻፉ ሰነዶች በፍጹም ምንም ቅርጸት አይኖራቸውም.

የእኔን ኤክስኤምኤል እንዴት ነው የማየው?

በአሳሽ ውስጥ XML ን ለመመልከት ቁልፉ የውስጣዊ ቅፅ ሉሆች ነው. የቅጥ ሉሆች እያንዳንዱን የ XML ሰነድዎ, ከጽሑፍዎ መጠንና ቀለም, የጽሑፍ ያልሆኑ ነገሮችዎ ዳራ እና ቦታ አቀማመጥ እንዲገልጹ ያስችልዎታል.

የ XML ሰነድ አለ ማለት ይበቃል:

<# DOCTYPE family> ]> <ቤተሰብ> <ወላጅ> ጁዲ <ወላጅ> ላላርድ <ሕፃን> ጄኒፈር <ሕፃን> Brendan

ያንን ሰነድ በአር ኤን ኤም አስቀድመ መፈለጊያ ለምሳሌ እንደ ኢንተርኔት ኤክስፕሎረር ማየት ከፈለጉ, የሚከተለውን እንደሚከተለው ያሳየናል-

ጁዲ ሊያርድ ጄኒፈር ብሬንዳን

ነገር ግን በወላጅ እና በልጅ አካላት መካከል መለየት የሚፈልጉ ከሆነስ? ወይም በሰነዱ ውስጥ ባሉት ሁሉም ክፍሎች ውስጥ ልዩነት መፍጠር. ያንን በ XML ሊያደርጉት አይችሉም, እና ለእይታ ጥቅም ላይ የሚውል ቋንቋ አይደለም.

ግን እድል ሆኖ, እነኝ ሰነዶች እና መተግበሪያዎች በአሳሽ ውስጥ ሲታዩ እንዴት እንደሚፈልጓቸው ለመወሰን በ XML ሰነዶች ውስጥ የውስጣዊ ቅፅ ጽሁፎችን ወይም ሲኤስኤልን መጠቀም ቀላል ነው. ከላይ ለተጠቀሰው ሰነድ, የእያንዳንዱን መለያ አይነት ሁነታ ልክ እንደ ኤች ቲ ኤም ኤል ሰነድ አድርገው መግለፅ ይችላሉ.

ለምሳሌ, በ HTML ውስጥ በአንቀጽ ውስጥ (

) ያሉትን ሁሉንም ጽሁፎች በ <ፉል> ቨርድዳ, ጄኔቫ ወይም ሔልቬታካ እና የጀርባ ቀለም አረንጓዴ ቀለም አረንጓዴ ቀለም (

ሁሉም ቅጾች እንደዛው ቅፅል ውስጥ እንዲሆኑ ለማድረግ በሰዲዶች ቅደም ተከተል ውስጥ ለመግለፅ ለመጻፍ የሚከተለውን ይይዙት-

p {ቅርጸ-ቁም-ቤተሰብ: verdana, geneva, helvetica; ዳራ-ቀለም: # 00ff00; }

ተመሳሳይ ደንቦች ለ XML ሰነዶች ይሰራሉ. እያንዳንዱ ኤክስኤምኤል ውስጥ በ XML ሰነድ ውስጥ ሊብራራ ይችላል.

ቤተሰብ {color: # 000000; } ወላጅ {ቅርጸ-ቁምፊ-ቤተሰብ: Arial Black; ቀለም: # ff0000; ድንበር: ጠንካራ 5px; ወርድ: 300px; } የልጅ {ቅርጸ-ቁምፊ-ቤተሰብ: verdana, helvetica; ቀለም # cc0000; ድንበር: ጠንካራ 5px; ክፈፍ-ቀለም: # cc0000; }

አንዴ የ XML ሰነድ ካገኘህ እና የቅንጦትህ ጽሁፍህ ከተጻፈ በኋላ, አንድ ላይ ማስቀመጥ ያስፈልግሃል. ከኤች ቲ ኤም ኤል አገናኝ አገናኝ ጋር ተመሳሳይ, ከ XML ሰነድዎ አናት ላይ መስመር ያስቀምጣሉ, ከኤክስ.ኤም. ለምሳሌ:

ከላይ እንደ ተናገርኩት, ይህ መስመር ከ መግለጫ በታች ቢገኝ ግን በ XML ሰነድ ውስጥ ካሉ ማንኛቸውም ክፍሎች በፊት ሊገኝ ይገባል.

የእርስዎ ኤክስኤምኤል ሰነድ ሁሉንም በአንድ ላይ በማስቀመጥ እንዲህ ይነበባል-

  • < ! ELEMENT ልጅ (#PCDATA)>]> <ቤተሰብ> <ወላጅ <ጁዲ <ወላጅ> ላላርድ <ሕፃን> ጄኒፈር <ሕፃን> ብሬንዳን