வலைப்பக்கம் என்றால் என்ன? வலைப்பக்கத்தின் முக்கிய கூறுகளை பட்டியலிடுங்கள்

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

வலைப்பக்கம் என்றால் என்ன?

"வலைப்பக்கத்தின் முக்கிய கூறுகளை பட்டியலிடு" - தகவலியல் பாடம் ஆராய்ச்சியாளர் கூறுகிறார். அவருக்குப் பதிலாக அவருக்கு என்ன சொல்ல முடியும்? முதலில், வலைப்பக்கத்தின் கொள்கை என்ன என்பதைப் பற்றி பேசுகிறோம்.

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

தளத்தின் வலைப்பக்கங்களின் இடமும் பாத்திரமும்

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

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

ஹைபர்டெக்ஸ்ட் செயல்படுத்தும் கொள்கை

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

கணினி விஞ்ஞான ஆசிரியர் நமக்கு சொல்கிறபடி: "வலைப்பக்கத்தின் முக்கிய கூறுகளை பட்டியலிடு" என்றால், HTML குறியீட்டு மொழியைப் பயன்படுத்தி உருவாக்கப்பட்ட சரியான ஆவணத்தின் கூறுகளை நாம் ஆரம்பிக்க முடியும். எனவே முதலில், HTML பற்றி சில கோட்பாட்டு புள்ளிகளை பார்க்கலாம்.

HTML மொழியின் கட்டமைப்பு: குறிச்சொற்கள்

HTML இல் எழுதப்பட்ட ஆவணத்திலிருந்து வலைப்பக்கத்தைப் பற்றிய தேவையான தரவை எப்படி உலாவி வாசிக்கிறது? இது மிகவும் எளிது.

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

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

பண்புகளை

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

உள்ளடக்கங்களை

உள்ளடக்கம் - வலைப்பக்கத்தில் பின்வரும் முக்கிய அம்சம் தொடக்க மற்றும் நிறைவு குறிச்சொல் இடையே உள்ளது. இது உண்மையில், திரையில் பயனர் முன் காட்டப்படும் அதே உள்ளடக்கம். இது உரை, இணைப்பு, படம், வீடியோ அல்லது பிற மல்டிமீடியா உறுப்பு.

வலைப்பக்கங்களின் கூறுகள்

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

வலைப்பக்கங்களின் கூறுகள்: தலைப்பு

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

தலைப்பின் விசேஷம் என்ன? இது வலைப்பக்கத்தின் மிக உயரத்தில் அமைந்துள்ளது. தலைப்பு உருவாக்கும் HTML குறியீட்டில், இது உரைக்கு மட்டுமே "குறியாக்க" வேண்டும், ஆனால் அவசியமானால், அதனுடன் தொடர்புடைய சிறிய உறுப்புகளை சேர்க்கலாம். இது, உண்மையில், அந்த தலைப்பு பற்றி சொல்ல முடியும் என்று அனைத்து உள்ளது. சம்பந்தப்பட்ட ஆவணத்தின் கட்டமைப்பில் அவரது பங்கு முக்கியமற்றது என்று தோன்றுகிறது. ஆனால் இது அப்படி இல்லை. Yandex, Google - தேடுபொறிகளில் உள்ள குறியீட்டு தளங்களின் அடிப்படையில் வலைப்பக்கங்களின் தலைப்புகள் மிகவும் குறிப்பிடத்தக்கவை. இந்த உறுப்பு வலைப்பக்கத்தின் உள்ளடக்கத்திற்கும் அதே போல் தளத்தின் கருத்தியல் தன்மைக்கும் முற்றிலும் பொருந்தக்கூடியதாக இருக்க வேண்டும்.

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

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

வலைப்பக்கத்தின் முக்கிய பகுதி

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

ஒவ்வொரு வகையான உள்ளடக்கம் அதன் சொந்த குறிச்சொற்களைக் கொண்டிருக்கிறது. வலை ஆவணத்தின் முக்கிய பகுதியின் கட்டமைப்பில் HTML-கட்டளைகள் இருக்கும், இது உரை வடிவமைப்பை வழங்குகிறது - எடுத்துக்காட்டாக, எழுத்துருவை ஒரு குறிப்பிட்ட வண்ணம், அளவு மற்றும் பிற பண்புகளை வழங்குதல்.

சில பொதுவாக பயன்படுத்தப்படும் HTML குறிச்சொற்களின் சிறப்பம்சங்கள் கருதுகின்றன. உண்மையில், அவை ஒரு வலைப்பக்கத்தின் அடிப்படை அம்சங்களை உருவாக்குகின்றன.

அடிப்படை HTML குறிச்சொற்கள்

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

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

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

IMG குறிச்சொல் படங்கள் உலாவி செயலாக்க பொறுப்பு. இது படத்தின் அளவைக் கட்டுப்படுத்தும் பல்வேறு பண்புக்கூறுகளையும், பக்கத்தின் நிலைப்பாட்டையும் வைக்க உங்களை அனுமதிக்கிறது.

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

FRAMESET போன்ற ஒரு டேக் பொதுவானது. அதை பயன்படுத்தி, நீங்கள் பல பகுதிகளாக ஒரு வலைப்பக்கத்தின் இடத்தை பிரிக்க முடியும் - பிரேம்கள். அவர்கள் ஒவ்வொரு, நீங்கள் தனிப்பட்ட வலை ஆவணங்கள் இணைப்புகள் வைக்க முடியும். அதாவது, ஒரே நேரத்தில் இரண்டு அல்லது அதற்கு மேற்பட்ட பக்கங்களை ஒரு திரையில் சரியாக வைக்க அனுமதிக்கிறது.

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

வலை அபிவிருத்தி கருவிகளின் சிறப்பம்சம்

கூறப்பட்டுள்ளதைத் தவிர்த்து, HTML தரத்தினால் வழங்கப்பட்ட குறிச்சொற்கள் மற்றும் பண்புக்கூறுகள் ஒரு பெரிய தொகை என்று நாம் விளக்கலாம். HTML ஐ கூடுதலாக, வலை டெவலப்பர்கள் ஹைபர்டெக்ஸ்ட் ஆவணங்களை வடிவமைப்பதற்கான கூடுதல் கருவிகளைப் பயன்படுத்தலாம். உதாரணமாக, ஜாவா ஸ்கிரிப்டிங் மொழியைப் பயன்படுத்தி, மாறும் வலைப்பக்கங்களை உருவாக்கலாம் - அதாவது உள்ளடக்கம் தொடர்ச்சியாக புதுப்பிக்கப்படும் (பயனர் செயல்களின் மூலமாகவும் ஸ்கிரிப்ட்களில் முன் எழுதப்பட்ட வழிமுறைகளுக்கு ஏற்பவும்).

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