வலை வடிவமைப்பு, எந்த தொழிற்துறை அல்லது தொழிற்துறை போன்ற, ஒரு மொழி அதன் அனைத்து சொந்த உள்ளது. நீங்கள் தொழிற்துறையில் நுழைந்து, உங்கள் சக நண்பர்களிடம் பேசுவதைப் போல, சந்தேகத்திற்கிடமின்றி உங்களுக்கு புதிதாக இருக்கும் சொற்கள் மற்றும் சொற்றொடர்களின் துல்லியமாக, ஆனால் உங்கள் சக வலை நிபுணர்களின் மொழிகளிலிருந்து வெளிவரும். நீங்கள் கேட்க வேண்டிய இரண்டு வார்த்தைகள் HTML "குறிச்சொல்" மற்றும் "உறுப்பு" ஆகும்.
இந்த இரு சொற்களும் நீங்கள் கேட்கும் விதமாக, அவை சற்று மாறி மாறி வருகின்றன என்பதை நீங்கள் உணரலாம். போன்ற, அவர்கள் HTML குறியீடு வேலை தொடங்கும் போது பல புதிய வலை தொழில் என்று ஒரு கேள்வி "ஒரு HTML குறிச்சொல் மற்றும் ஒரு HTML உறுப்பு இடையே என்ன வேறுபாடு உள்ளது?"
இந்த இரு சொற்களும் ஒரேவிதத்தில் ஒத்திருக்கின்றன என்றாலும் அவை உண்மையாக ஒத்தவை அல்ல. இந்த இரண்டு சொற்களுடனும் ஒற்றுமை என்ன? சிறிய பதில் என்னவென்றால், இரண்டு குறிச்சொற்கள் மற்றும் கூறுகள் HTML ஐ எழுத பயன்படுத்தப்படும் மார்க்அப் குறிக்கின்றன. உதாரணமாக, நீங்கள் பயன்படுத்துவதை நீங்கள் கூறலாம்
இணைப்புகள் உருவாக்க ஒரு பத்தி அல்லது உறுப்பு வரையறுக்க குறிச்சொல். பலர் விதிமுறைகள் குறிச்சொல் மற்றும் மூலக்கூறு ஒன்றுக்கு மாற்றாகப் பயன்படுத்துகின்றனர், நீங்கள் பேசும் எந்தவொரு வலை வடிவமைப்பாளரோ அல்லது டெவலப்பரோ நீங்கள் எதை அர்த்தப்படுத்துகிறீர்கள் என்பதைப் புரிந்துகொள்வார்கள், ஆனால் இரண்டு விதிமுறைகளுக்கு இடையில் சிறிய வித்தியாசம் உள்ளது.
HTML குறிச்சொற்கள்
HTML என்பது ஒரு மார்க்-அப் மொழியாகும், அதாவது ஒரு நபர் அதை முதலில் தொகுக்கப்படாமல் இல்லாமல் படிக்கக்கூடிய குறியீடுகளுடன் எழுதப்படுகிறார். வேறு வார்த்தைகளில் கூறுவதானால், வலைப்பக்கத்தில் உள்ள உரை உரைகளை எப்படி காட்ட வேண்டும் என்பதற்கான வலை உலாவி வழிமுறைகளை வழங்க இந்த குறியீடுகள் மூலம் "குறிக்கப்பட்டது". இந்த மார்க் குறிச்சொற்கள் HTML குறிச்சொற்கள் தங்களை உள்ளன.
நீங்கள் HTML ஐ எழுதும்போது, HTML குறிச்சொற்களை எழுதுகிறீர்கள். அனைத்து HTML குறிச்சொற்களை குறிப்பிட்ட பகுதிகளில் பல உருவாக்கப்படுகின்றன, இதில் அடங்கும்:
- அடையாளம் விட குறைவாக
<
- எந்த குறிச்சொல் எழுதப்படுகிறதோ அந்த வார்த்தை அல்லது பாத்திரம்
- ஒரு வடிவத்தில் விருப்ப HTML பண்புகளை எந்த ஒரு
= "மதிப்பு" என்று பெயரிட ஜோடி
- இறுதியாக ஒரு பெரிய அடையாளம்
>
உதாரணமாக, இங்கு சில HTML குறிச்சொற்கள் உள்ளன:
இந்த அனைத்து HTML திறப்பு குறிச்சொற்களை, அவர்களுக்கு சேர்க்க எந்த விருப்ப பண்புகளை இல்லாமல். இந்த குறிச்சொற்கள் பிரதிநிதித்துவம்:
-
- ஒரு பத்தி வரையறுக்கிறது
-
- HTML ஆக பக்கத்தை வரையறுக்கிறது
-
- ஒரு பிரிவு வரையறுக்கிறது
பின்வரும் HTML குறிச்சொற்களை உள்ளன:
-
-
- தி
- ஒரு ஐடி பண்புக்கூறு உள்ளிட்ட வரிசையற்ற பட்டியலாகும்
- பிரிவில் வகுப்பு பண்பு உள்ளது
- நங்கூரம், அல்லது இணைப்பு, உறுப்பு "href" பண்புக்கூறு
- ஒரு "src" பண்புடன் பட குறிச்சொல்
இந்த எடுத்துக்காட்டுகள் அனைத்து தொடக்க HTML குறிச்சொற்களை சேர்க்கப்பட்டுள்ளது பண்புகளை அடங்கும்.
நங்கூரம் மற்றும் பட குறிச்சொற்களுக்கு, பண்புக்கூறுகள் விருப்பமில்லாமல் இருக்கின்றன, அந்த குறிச்சொற்களை ஒழுங்காகக் காண்பிக்க அவை அவசியமாக இருக்கின்றன. நீங்கள் எங்கு செல்ல வேண்டும் என்பதை குறிக்க வேண்டும் (இது "href" செய்கிறது) மற்றும் என்ன காட்ட வேண்டும் என்பதை படம் (இது "src" பண்பு வழங்குகிறது).
HTML உறுப்புகள் என்ன?
W3C HTML விவரக்குறிப்பு படி, a உறுப்பு HTML இன் அடிப்படை கட்டுமான தொகுதி மற்றும் பொதுவாக உருவாக்கப்படுகிறது இரண்டு குறிச்சொற்கள் : ஒரு தொடக்க குறிச்சொல் மற்றும் ஒரு இறுதி குறி. இதுவரை நாம் மட்டும் குறிச்சொற்களை திறக்கும் குறிச்சொற்களை திறந்து பார்த்தேன். அந்த உறுப்பு முடிப்பதற்கு, நீங்கள் அதனுடன் தொடர்புடைய குறிச்சொற்களை எழுதலாம்.
உதாரணமாக, பத்தி உறுப்புக்கு நீங்கள் இதை எழுதுவீர்கள்:
இது நாம் ஒரு கணம் முன்பு பார்த்த அதே தொடக்க குறிச்சொல்லை உருவாக்கியது - கிட்டத்தட்ட அனைத்து HTML உறுப்புகளும் திறந்த குறிச்சொல் மற்றும் இறுதி குறிச்சொல் கொண்டிருக்கும். இந்த குறிச்சொற்கள் வலைப்பக்கத்தில் காண்பிக்கப்படும் உரைகளைச் சுற்றியுள்ளன. உதாரணமாக, உரையின் ஒரு பத்தி எழுத, பக்கத்தில் காட்ட உரை எழுதவும், பின்னர் இந்த குறிச்சொற்களை அதை சுற்றி: நீங்கள் வலைப்பக்கத்தில் காட்ட விரும்பும் பத்தியின் உரை எழுத வேண்டும். சில HTML உறுப்புகளுக்கு ஒரு இறுதி குறி இல்லை. இவை "வெற்று கூறுகள்" என்று அழைக்கப்படுகின்றன. சில நேரங்களில், அவர்கள் "ஒற்றைடன்" அல்லது "வெற்றிடமாக" கூறுபவர்களாகவும் அழைக்கப்படுகிறார்கள். வெற்று கூறுகள் பயன்படுத்த எளிதானது ஏனெனில் நீங்கள் உங்கள் வலைப்பக்கத்தில் ஒரு டேக் சேர்க்க வேண்டும் மற்றும் உலாவி என்ன செய்ய வேண்டும் என்று தெரியும். எடுத்துக்காட்டாக, உங்கள் பக்கத்திற்கு ஒரு ஒற்றை வரி முறிவை சேர்க்க நீங்கள் பயன்படுத்த வேண்டும் ஒரு தொடக்க குறிச்சொல்லை உள்ளடக்கிய மற்றொரு பொதுவான உறுப்பு "படம்" உறுப்பு ஆகும். உதாரணத்திற்கு: இந்த முன்மாதிரி முன்பே பார்த்தோம், ஆனால் இந்த பட உறுப்புக்கு எந்த இறுதி குறிப்பும் இல்லை. உலாவி வெறுமனே "href" பண்பு குறிப்பிடப்பட்ட படத்தை இந்த குறியீடு பதிலாக. இந்த வழக்கில், அது "logo.png" என்று இருக்கும். பொதுவாக, நாம் ஒரு HTML உறுப்பு அல்லது குறிச்சொல்லைக் குறிப்பிடும் போது, உறுப்பு அனைத்து பகுதிகளையும் (திறப்பு மற்றும் மூடுதல் குறிச்சொற்கள் இரண்டும்) குறிப்பிடுவதைக் குறிக்க "உறுப்பு" என்ற வார்த்தையை பயன்படுத்துவோம். ஒரே ஒரு அல்லது மற்றவற்றைக் குறிப்பிடும் போது மட்டுமே நாம் "குறியை" பயன்படுத்துகிறோம். இந்த இரண்டு சொற்களின் சரியான பயன்பாடும் இதுவேயாகும், அவற்றை சரியாகப் பயன்படுத்துவதற்கு நாங்கள் உற்சாகப்படுத்தி வருகிறோம், ஆனால் அவற்றை நீங்கள் பிழையாக மாற்றி, அவற்றை பிட் செய்தால், உங்கள் புதிய வலை அபிவிருத்தி தோழர்களால் இன்னும் புரிந்துகொள்ள முடிகிறது என்பதை அறிவீர்கள்!
டேக்.
