2.1 குறிச்சொற்களுக்கான அறிமுகம்
குறிச்சொற்களின் அடிப்படையில் மார்க்அப் HTML-documentsசெய்யப்படுகிறது . குறிச்சொல் என்றால் என்ன ?
குறிச்சொற்கள் 70 களில் மீண்டும் கண்டுபிடிக்கப்பட்டன, இதனால் இந்த ஆவணங்களைச் செயலாக்கும் நிரல்களுக்கான ஆவணங்களில் மக்கள் சேவைத் தகவலைச் சேர்க்க முடியும்.
Tag- இது ஒரு முக்கிய (செயல்பாட்டு) சொல், பெரும்பாலும் ஆங்கிலத்தில், இது கோண அடைப்புக்குறிக்குள் (அதிக மற்றும் குறைவான எழுத்துக்கள்) வடிவமைக்கப்பட்டுள்ளது, இதனால் நிரல்கள் ஆங்கிலத்தில் குறிச்சொற்களையும் சாதாரண சொற்களையும் குழப்பாது.
குறிச்சொல்லில் பல்வேறு சேவைத் தகவல்களும் இருக்கலாம், அவை ஆவணத்தைச் செயலாக்கும் நிரலுக்குப் பயனுள்ளதாக இருக்கும்.
குறிச்சொல்லுடன் கூடிய எடுத்துக்காட்டு உரை:
<a href="http://codegym.cc/about">
Link to something interesting
</a>
இந்த எடுத்துக்காட்டில், உரை, "a" குறிச்சொல் மற்றும் சேவைத் தகவல் - குறிச்சொல் பண்புக்கூறுகள் ஆகியவற்றைக் காண்கிறோம். கீழே நீங்கள் அவர்களைப் பற்றி மேலும் அறிந்து கொள்வீர்கள்.
2.2 குறிச்சொற்களின் வகைகள்: திறப்பது, மூடுவது, வெற்று குறிச்சொல்
குறிச்சொற்கள் வெவ்வேறு வகைகளில் உள்ளன. முதலில், அவை ஒற்றை மற்றும் இரட்டை. மிகவும் பொதுவானது ஜோடி குறிச்சொற்கள் . நீங்கள் ஏற்கனவே யூகித்தபடி, அவை எப்போதும் ஜோடிகளாக செல்கின்றன. அவை திறப்பு மற்றும் மூடுதல் என்றும் அழைக்கப்படுகின்றன.
தொடக்கக் குறிச்சொல் முக்கோண அடைப்புக்குறிக்குள் ஒரு முக்கிய வார்த்தையாகும். உதாரணமாக:
<h1>மூடும் குறிச்சொல் தொடக்கக் குறிச்சொல்லைப் போன்றது, ஆனால் முக்கிய வார்த்தைக்கு முன்னால் ஒரு சாய்வு உள்ளது. உதாரணமாக:
</h1>தொடக்கக் குறிச்சொல்லில் சேவைத் தகவல் இருக்கலாம் - பண்புக்கூறுகள், இறுதி ஒன்று - இல்லை . தொடக்கக் குறிச்சொல் எப்போதும் ஒரு ஜோடியின் முதன்மையானது. இறுதிக் குறிச்சொல் உரையில் முதலில் செல்ல முடியாது, பின்னர் தொடக்கக் குறிச்சொல். இது HTML-documentசெல்லுபடியாகாது.
ஒற்றை குறிச்சொற்களுக்கு மூடும் குறிச்சொல் இல்லை. அத்தகைய குறிச்சொற்களின் பட்டியல் ஆல் வரையறுக்கப்படுகிறது HTML-standard. அத்தகைய குறிச்சொற்களின் எடுத்துக்காட்டுகள்:
<br>- வரி முறிவு;<img>- படம்.
மூலம், ஒரு இணைக்கப்பட்ட குறிச்சொல், அது உள்ளே தகவல் இல்லை என்றால், ஒரு சுருக்கமான வடிவத்தில் எழுத முடியும் . உதாரணமாக:
<h1/>இது ஒரு குறிச்சொல் அல்ல, வெற்று ஜோடி குறிச்சொல். இது ஒரே நேரத்தில் மூடிய மற்றும் திறந்த குறிச்சொற்களைப் போன்றது. இது மூடிய குறிச்சொல்லிலிருந்து வேறுபடுகிறது, அதில் சாய்வு முடிவில் உள்ளது (இரண்டாவது முக்கோண அடைப்புக்குறிக்கு முன்).
2.3 டேக் மரம்
மேலும் இணைக்கப்பட்ட குறிச்சொற்கள் பற்றிய மிக முக்கியமான தகவல். ஒரு ஆவணத்தில் அவற்றில் பல இருக்கலாம் மற்றும் அவை கூடு கட்டப்படலாம். இதற்கு என்ன அர்த்தம்? HTML-documentமற்ற குறிச்சொற்களைக் கொண்டிருந்தாலும், உள்ளே உள்ள எந்த உரையும் குறிச்சொற்களுடன் கட்டமைக்கப்படலாம் (சுற்றப்பட்டிருக்கும்). உதாரணமாக:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>
தோராயமாக, குறிச்சொற்களின் வரிசை html உரையில் ஏற்படலாம்:
<h1> <h2> </h2> </h1>ஆனால் அது இருக்க முடியாது:
<h1> <h2> </h1> </h2>தொடக்கக் குறிச்சொல் -டேக் ஜோடிக்குள் இருந்தால் <h2>, <h1>அதன் பொருந்தும் இறுதிக் குறிச்சொல் -டேக் ஜோடிக்குள் </h2>இருக்க வேண்டும் <h1>.
இவ்வாறு, அனைத்து ஆவணக் குறிச்சொற்களும் ஒரு வகையான டேக் மரத்தை உருவாக்குகின்றன . முதலில், முழு ஆவணத்தையும் உள்ளடக்கிய உயர்மட்ட குறிச்சொல் வரும், பொதுவாக அழைக்கப்படுகிறது <html>, அதில் குழந்தை குறிச்சொல் ஜோடிகள் உள்ளன, அவை சொந்தமாக உள்ளன மற்றும் பல.
உண்மையில், குறிச்சொற்களுடன் ஒரு ஆவணத்தை செயலாக்கும் நிரல் அதை சரியாகப் பார்க்கிறது - உள்ளே சில உரைகளைக் கொண்ட டேக் ட்ரீயாக.
2.4 பண்புக்கூறுகள்
நாம் பண்புக்கூறுகளைப் பற்றி பேசவில்லை என்றால் குறிச்சொற்களைப் பற்றிய தகவல்கள் முழுமையடையாது. இணைக்கப்பட்ட குறிச்சொற்களின் ஒற்றை குறிச்சொற்கள் மற்றும் தொடக்க குறிச்சொற்கள் இருக்கலாம் . இந்த பண்புக்கூறுகள் குறிச்சொல்லின் உள்ளடக்கத்தைப் பற்றிய பயனுள்ள தகவல்களைக் கொண்டுள்ளன.
ஒரு குறிச்சொல் பல பண்புக்கூறுகளைக் கொண்டிருக்கலாம், மேலும் அவை பின்வரும் பொதுவான வடிவத்தைக் கொண்டுள்ளன:
<tag name1="value1" name2="value2">
ஒவ்வொரு பண்புக்கூறும் ஒரு ஜோடி Nameமற்றும் meaning. எத்தனையோ பண்புக்கூறுகள் இருக்கலாம்.
«<»ஆனால் ஒரு அனுபவமிக்க புரோகிராமர் உடனடியாக கேள்வியைக் கேட்பார்: எழுத்துகள் அல்லது «>»மேற்கோள்களைக் கொண்ட உரையை பண்புக்கூறு மதிப்பாகப் பயன்படுத்த வேண்டுமானால் என்ன செய்வது?
| சின்னப் பெயர் | சின்னம் | HTML நுழைவு |
|---|---|---|
| இரட்டை மேற்கோள் குறி | " | " |
| ஆம்பர்சண்ட் | & | & |
| சின்னத்தை விட குறைவு | < | < |
| மேலும் சின்னம் | > | > |
| விண்வெளி | ||
| ஒற்றை மேற்கோள் | ' | ' |
GO TO FULL VERSION