Elements

நீங்கள் டெவலப்பர்கள் ஒரு அட்டவணை அடுத்த ஒரு காபி கடை உட்கார்ந்து இருந்தால், ஒருவேளை நீங்கள் மூன்று வார்த்தைகள் சிறிது கேட்க முடியும்: 'குறிச்சொற்கள்', 'பண்புக்கூறு' மற்றும் 'கூறுகள்' (அல்லது சில நேரங்களில் 'DOM உறுப்புகள்', அதே விஷயம் இன்னும் துல்லியமான மற்றும் சொல்யூஷன்).

'கூறுகள்' என்பது துண்டுகள் தானே, அதாவது ஒரு பத்தி ஒரு உறுப்பு, அல்லது தலைப்பு ஒரு உறுப்பு ஆகும், உடலும் கூட ஒரு உறுப்பு. பெரும்பாலான உறுப்புகள் மற்ற உறுப்புகளைக் கொண்டிருக்கலாம், ஏனெனில் உடல் உறுப்பு தலைப்பு கூறுகள், பத்தி கூறுகள், உண்மையில் DOM இன் புலனுணர்வு கூறுகள் அனைத்தையும் கொண்டுள்ளது.

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

மேலே உள்ள எடுத்துக்காட்டில், மேலே உறுப்பு என்பது HTML உறுப்பு, இது இரண்டு கூறுகள், தலை மற்றும் உடலைக் கொண்டிருக்கும். தலை உறுப்பு ஒரு தலைப்பு உறுப்பு மற்றும் உடல் ஒரு 'h1' உறுப்பு மற்றும் ஒரு 'p' உறுப்பு கொண்டிருக்கிறது. ஒரு பொதுவான எடுத்துக்காட்டாக, உடலில் பல குழந்தைகளை கொண்டிருக்கும், ஆனால் எங்கள் நோக்கம் இது போதும்.

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