1.1 HTML இன் வரலாறு

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

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

1990 களின் முற்பகுதியில், பிரிட்டன் டிம் பெர்னர்ஸ்-லீ இணையத்தைக் கண்டுபிடித்தார். இருப்பினும், அவர் கண்டுபிடித்தது இன்னும் சரியாக வலை என்று அழைக்கப்படுகிறது:, World Wide Webஅவர் www, அவர் உலகளாவிய வலை. ஆம், ஒருவர் உலகளாவிய வலையைக் கண்டுபிடித்தார்.

1986-1991 வரை அவர் CERN ஆராய்ச்சி மையத்தில் (ஜெனீவா, சுவிட்சர்லாந்தில்) ஒரு புதிய அறிவியல் ஆவணத் தரத்தில் பணியாற்றினார். அறிவியலாளர்கள் அறிவியல் கட்டுரைகளை கட்டுரைகளாக வெளியிடுவதும், கட்டுரைகளின் முடிவில் பயன்படுத்திய இலக்கியங்களின் பட்டியலைக் குறிப்பிடுவதும் வழக்கம். வேறு வார்த்தைகளில் கூறுவதானால், அறிவியல் அறிவு என்பது ஒருவருக்கொருவர் இணைப்புகளைக் கொண்ட கட்டுரைகளின் பட்டியல்.

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

இணையம் மூன்று தொழில்நுட்பங்களை அடிப்படையாகக் கொண்டது:

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

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

1.2 HTML ஒரு நிரலாக்க மொழி அல்ல

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

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

நீங்கள் ஒரு கட்டுரையை எழுத விரும்புகிறீர்கள் என்று வைத்துக்கொள்வோம்:

  • கட்டுரையின் தலைப்பு (தலைப்பு).
  • கட்டுரையே, ஒரு பத்தியைக் கொண்டது.
  • படம்.
  • நீங்கள் தடிமனாக வைக்க விரும்பும் சில முக்கியமான அறிக்கைகள்.
  • கட்டுரையின் நடுவில், சில பயனுள்ள தகவல்களுக்கான இணைப்பை வழங்கவும்.

உலாவியில் இந்த ஆவணம் எப்படி இருக்கும் என்பது இங்கே:


வீட்டு பூனை

விஞ்ஞான வகைபிரித்தல் பார்வையில், வீட்டுப் பூனை என்பது கார்னிவோரா வரிசையின் பூனை குடும்பத்தின் பாலூட்டியாகும் . பெரும்பாலும், ஒரு வீட்டு பூனை வன பூனையின் கிளையினமாக கருதப்படுகிறது, இருப்பினும், நவீன உயிரியல் வகைபிரித்தல் (2017) பார்வையில் இருந்து, வீட்டு பூனை ஒரு தனி உயிரியல் இனம் .


மிகவும் நல்லது, இல்லையா? HTMLஇந்த ஆவணத்தை மனிதர்களுக்கும் கணினிகளுக்கும் படிக்கக்கூடியதாக மாற்ற தரநிலை உங்களை அனுமதிக்கிறது. இது எப்படி இருக்கிறது என்பது இங்கே HTML-standard:

<h1> வீட்டுப் பூனை </h1>

விஞ்ஞான வகைபிரித்தல் பார்வையில், வீட்டுப் பூனை <a href=”/”> ஒரு பாலூட்டி </a> கானிவோரா வரிசையின் பூனை குடும்பத்தைச் சேர்ந்தது. பெரும்பாலும், ஒரு வீட்டு பூனை வன பூனையின் கிளையினமாக கருதப்படுகிறது, இருப்பினும், நவீன உயிரியல் வகைபிரித்தல் (2017) பார்வையில், வீட்டு பூனை <b> ஒரு தனி உயிரியல் இனம் </b> .

<img src=”cat.jpg”>

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

1.3 HTTP நெறிமுறையின் தோற்றம்

சுருக்கமானது ஹைபர்டெக்ஸ்ட் ஆவண மார்க்அப் லாங்குவேஜைக் HTMLகுறிக்கிறது Hyper Text Markup Language. ஹைபர்டெக்ஸ்ட் என்பது ஒன்றோடொன்று இணைக்கும் பக்கங்களைக் கொண்ட ஒரு ஆவணமாகும். அது என்ன http?

HTTPஹைபர்டெக்ஸ்ட் டிரான்ஸ்ஃபர் புரோட்டோகால் (தரநிலை) என்பதன் சுருக்கம் Hyper Text Transfer Protocol. httpஅல்லது httpsதிறந்த பக்கத்திற்கு இணைப்பை நகலெடுக்க முயற்சித்தால் உலாவியின் முகவரிப் பட்டியில் பார்க்கலாம்.

ஒரு பொதுவான பக்க இணைப்பு இப்படி இருக்கும்:

http://google.com/logo.jpg

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

மீண்டும் உலாவிகளுக்கு வருவோம். ஒரு உலாவி கோரும் போது html-page, ​​அது ஒரு உரை கோப்பை (கோரிக்கை) சேவையகத்திற்கு அனுப்புகிறது மற்றும் அதற்கு பதிலாக மற்றொரு உரை கோப்பை (பதில்) பெறுகிறது. இந்த செயல்பாட்டு முறை கிளையன்ட்-சர்வர் என்று அழைக்கப்படுகிறது.

முதலில், முக்கிய தகவலுடன் கோடுகள் உள்ளன, பின்னர் சேவை தகவலுடன். உரை வினவலின் முதல் வரி டெம்ப்ளேட்டால் வழங்கப்படுகிறது:

MethodURI  HTTP/Version

CodeGym பயனரின் தனிப்பட்ட பக்கம் இணைப்பு மூலம் கொடுக்கப்பட்டுள்ளது

https://codegym.cc/me

http-requestஉலாவி இது போல் தெரிகிறது:

GET /me  HTTP/1.0
Host: codegym.cc

மறுமொழியாக, சர்வர் பெரும்பாலும் அனுப்பும்

HTTP/1.0 200 OK
<html>page text...

மறுமொழி உரையில் முதல் வரி http நெறிமுறை பதிப்பு மற்றும் பதில் நிலை (200, சரி) . பின்னர் ஒரு வெற்று வரி வரும் , பின்னர் உரை வடிவத்தில் html-pageஉலாவி கோரிய ஒன்று வரும். எல்லாம் மிகவும் எளிமையானது :)