Skip to main content

உடை XML ஆவணங்கள் CSS ஐப் பயன்படுத்துதல்

Anonim

எக்ஸ்எம்எல் ஆவணத்தை உருவாக்குதல், DTD எழுதி, ஒரு உலாவியுடன் அதைப் பாகுபடுத்துவது நன்றாக உள்ளது, ஆனால் நீங்கள் அதைக் காணும்போது ஆவணம் எவ்வாறு காட்டப்படும்? எக்ஸ்எம்எல் காட்சிக்குரிய மொழி அல்ல. உண்மையில், எக்ஸ்எம்எல் மூலம் எழுதப்பட்ட ஆவணங்கள் எந்தவொரு வடிவமைப்பையும் கொண்டிருக்காது.

எனவே, எனது எக்ஸ்எம்எல் ஐ எவ்வாறு காணலாம்?

ஒரு உலாவியில் எக்ஸ்எம்எல் பார்க்கும் திறவுகோல் நடைதாள் பாணி தாள்கள். உங்கள் உரை அளவின் அளவு மற்றும் வண்ணம் பின்னணி மற்றும் உங்கள் அல்லாத உரை பொருட்களின் நிலைக்கு உங்கள் எக்ஸ்எம்எல் ஆவணத்தின் ஒவ்வொரு அம்சத்தையும் வரையறுக்க ஸ்டைல் ​​ஷீட்கள் உங்களை அனுமதிக்கின்றன.

உங்களிடம் எக்ஸ்எம்எல் ஆவணம் உள்ளது:

>

ஜூடி

Layard

ஜெனிபர்

பிரெண்டன்

இண்டர்நெட் எக்ஸ்ப்ளோரர் போன்ற ஒரு எக்ஸ்எம்எல் தயாராக உலாவியில் அந்த ஆவணம் நீங்கள் பார்வையிட்டிருந்தால், இது போன்ற ஒன்றை இது காண்பிக்கும்:

ஜூடி லேயர்ட் ஜெனிபர் பிரெண்டன்

ஆனால் நீங்கள் பெற்றோர் மற்றும் குழந்தை கூறுகளுக்கு இடையில் வேறுபாடு கொள்ள விரும்பினால் என்ன செய்வது? அல்லது ஆவணம் உள்ள அனைத்து உறுப்புகளுக்கும் இடையில் ஒரு வித்தியாசமான வேறுபாட்டை உருவாக்கலாம். நீங்கள் அதை XML இல் செய்ய முடியாது, இது காட்சிக்கு பயன்படுத்தப்படும் ஒரு மொழி அல்ல.

ஆனால் அதிர்ஷ்டவசமாக, அந்த ஆவணங்கள் மற்றும் பயன்பாடுகள் உலாவியில் பார்வையிடும்போது எவ்வாறு காட்சிப்படுத்த வேண்டும் என்பதை வரையறுக்க எக்ஸ்எம்எல் ஆவணங்களில் உள்ள அடுக்கு நடைத்தாள்கள் அல்லது CSS ஐ பயன்படுத்த எளிதானது. மேலே உள்ள ஆவணத்தில், நீங்கள் HTML குறியீட்டைப் போலவே ஒவ்வொரு குறிச்சொல்லின் பாணியை வரையறுக்கலாம்.

உதாரணமாக, HTML இல் நீங்கள் எழுத்துரு முகம் Verdana, ஜெனீவா அல்லது ஹெல்வெடிகா மற்றும் பின்னணி வண்ணம் பச்சை உடன் பத்தி குறிச்சொற்களை உள்ள அனைத்து உரை வரையறுக்க வேண்டும். ஒரு பாணியில் அதை வரையறுக்க, அனைத்து பத்திகள் இது போன்றவை என்று நீங்கள் எழுதுவீர்கள்:

p {

எழுத்துரு-குடும்பம்: வர்னா, ஜெனீவா, ஹெல்வெடிகா;

பின்புல வண்ணம்: # 00ff00;

}

எக்ஸ்எம்எல் ஆவணங்கள் அதே விதிகள் வேலை. எக்ஸ்எம்எல்லிலுள்ள ஒவ்வொரு டேக் XML ஆவணத்தில் வரையறுக்கப்படுகிறது:

குடும்பம் {

நிறம்: # 000000;

}

பெற்றோர் {

எழுத்துரு குடும்பம்: ஏரியல் பிளாக்;

நிறம்: # ff0000;

எல்லை: திட 5px;

அகலம்: 300px;

}

குழந்தை {

எழுத்துரு-குடும்பம்: வர்ணா, ஹெல்வெடிகா;

நிறம்: # cc0000;

எல்லை: திட 5px;

எல்லை-வண்ணம்: # cc0000;

}

உங்களுடைய எக்ஸ்எம்எல் ஆவணம் மற்றும் உங்கள் நடைதாள் எழுதப்பட்டதும் நீங்கள் அவற்றை ஒன்றாக இணைக்க வேண்டும். HTML இல் உள்ள இணைப்பு கட்டளையைப் போலவே, உங்கள் எக்ஸ்எம்எல் ஆவணத்தின் மேல் ஒரு வரி (எக்ஸ்எம்எல் பிரகடனத்திற்கு கீழே), எக்ஸ்எம்எல் பாகுபடுத்தி ஸ்டைல்ஷீட்டைக் கண்டுபிடிக்க சொல்கிறது. உதாரணத்திற்கு:

மேலே குறிப்பிட்டுள்ளபடி, இந்த வரி <xml>> அறிவிப்புக்கு கீழே காணப்பட வேண்டும், ஆனால் எக்ஸ்எம்எல் ஆவணத்தில் உள்ள எந்த உறுப்புக்கும் முன்னர்.

அதை ஒன்றாக சேர்த்து, உங்கள் எக்ஸ்எம்எல் ஆவணம் படிக்க வேண்டும்:

>

ஜூடி

Layard

ஜெனிபர்

பிரெண்டன்