IT აკადემია STEP! ჩვენ 1999 წლიდან ვსწავლობთ. მაღალი ხარისხის კომპიუტერულ განათლებას მოზრდილებში და ბავშვებში.

თბილისი
ШАГ логотип

HTML-ის ცოდნა ჯერ კიდევ საჭიროა

1000

პროგრამირება

13.04.2024

846 დათვალიერება

ადამიანების უმეტესობა ფიქრობს, რომ საძიებო სისტემები და სოციალური მედია დომინირებს ინტერნეტში, მაგრამ არსებობს უფრო ძლიერი და არსებითი სისტემა, რომელიც კულისებს მიღმა მძიმე შრომას ეწევა. ჩვენ ვსაუბრობთ ჰიპერტექსტის მარკირების ენაზე - HyperText Markup Language (HTML), მსოფლიო ქსელის ნამდვილი ძალაუფლების ცენტრზე.

 

ეს 30 წლიანი პლატფორმა პასუხისმგებელია ყველა ვებ გვერდის შექმნაზე – მარტივი ბლოგებიდან ელექტრონული კომერციის მაღაზიებამდე და კიდევ უფრო მეტზე. ამ პოსტში ჩვენ წარმოგიდგენთ რამდენიმე ყველაზე საინტერესო HTML ფაქტს, რომლის ცოდნაც მნიშვნელოვანია.

მაგრამ სანამ აქამდე მივალთ, მოდით ვუპასუხოთ ერთ მარტივ კითხვას…

 

რა არის HTML?

HTML ფუნდამენტური მარკირების ენაა, რომელიც ვებ განვითარებაში ვებ გვერდების შესაქმნელად გამოიყენება. ეს ინსტრუმენტი განიხილება, როგორც ვებ დოკუმენტების ხერხემალი, რადგან ის ავრცელებს თეგების სისტემას, რომელიც განსაზღვრავს ვებ გვერდის სხვადასხვა ელემენტს:

  • ტექსტი

  • სურათები

  • ბმულები

  • მულტიმედია

 

HTML თეგები განსაზღვრავს ზემოაღნიშნული ელემენტების იერარქიას, რათა სხვადასხვა ვებ ბრაუზერში უზრუნველყოს სათანადო პრეზენტაცია და ფუნქციონირება. სისტემა ხაზს უსვამს ვებ გვერდის სემანტიკურ სტრუქტურას, რომელიც აიძულებს ონლაინ კრეატორებს დაამატონ სათაურები, აბზაცები, სიები და სხვა HTML ელემენტები თავიანთ შინაარსში.

 

HTML ტიმ ბერნერს-ლიმ შექმნა

ბერნერს-ლი არის კომპიუტერული მეცნიერი, რომელიც მუშაობდა ბირთვული კვლევების ევროპულ ორგანიზაციაში (CERN), როდესაც მან შექმნა HTML 1993 წელს. სისტემამ მალევე დაიწყო გავრცელება და შექმნა მსოფლიო ქსელი სახელად World Wide Web (WWW). ამიტომაც ბერნერს-ლის სახელი შედის იმ მეცნიერთა სიაში, რომლებმაც გამოიგონეს ინტერნეტი.

 

HTML არ არის კოდირების ენა

HTML ხშირად არასწორად არის აღქმული, როგორც კოდირების ან პროგრამირების ენა, უპირველეს ყოვლისა, ეს გამოწვეულია ტერმინის ფართო სასაუბრო გამოყენების გამო. თუმცა, HTML რეალურად არის მარკირების ენა. აი განსხვავება ლაკონურად:

  • პროგრამირების ენები: დეველოპერები იყენებენ მათ აპებისა და ოპერაციული სისტემების შესაქმნელად

  • მარკირების ენები: ეს არის საპრეზენტაციო ინსტრუმენტები, რომლებიც განსაზღვრავენ, როგორ გამოიყურება ინფორმაცია ვებ გვერდზე

 

W3C და WHATWG აკონტროლებენ HTML-ს

მსოფლიო ქსელის კონსორციუმი HTML-ს მართავს 1996 წლიდან. ეს არის არაკომერციული ორგანიზაცია 400-ზე მეტი წევრით და 12000 დეველოპერით, რომლებიც მონაწილეობენ ვებ სტანდარტების შემუშავებაში შემდეგი პრინციპების საფუძველზე:

  • ხელმისაწვდომობა

  • კონფიდენციალურობა

  • ინტერნაციონალიზაცია

  • უსაფრთხოება

 

თუმცა, ვებ ჰიპერტექსტის აპლიკაციის ტექნოლოგიების სამუშაო ჯგუფი (WHATWG) ოფიციალურად გახდა HTML-ის ერთადერთი გამომცემელი 2019 წელს.

 

HTML5 არის უახლესი ვერსია

HTML ეკოსისტემა ახალი ფუნქციების დამატებით და ცვლილებების შეტანით მუდმივად ვითარდება, რაც ეხმარება ვებ დეველოპერებს გააუმჯობესონ თავიანთი ვებ აპლიკაციები. უახლესი ვერსია, HTML5, გამოვიდა 2008 წელს. თითოეულმა გადაწყვეტილებამ რაღაც ახალი შემოიტანა არსებულ ინფრასტრუქტურაში:

  • თავდაპირველი HTML (1993): მარტივი ფორმატი შეზღუდული შრიფტებით და მარტივი სტილის მახასიათებლებით

  • HTML2 (1995): დამატებულია ახალი ელემენტები, როგორიცაა ცხრილები, ღილაკები და ტექსტური ყუთები

  • HTML3 (1997): დამატებულია ინტერაქტიული ფორმები და სურათის უკეთესი მართვა

  • HTML4 (1999): მან გაამდიდრა HTML დოკუმენტები ახალი თეგებით, ცხრილის გაუმჯობესებებით და CSS ბმულებით.

  • HTML5 (2008): გააცნო ყველა სახის HTML თეგები - განყოფილების თეგები, აუდიო თეგები, სემანტიკური თეგები და ა.შ.

 

ძირითადი ბრაუზერები მხარს უჭერენ HTML5

ყველაზე პოპულარული ბრაუზერს აქვს HTML5 მხარდაჭერა. ეს მოიცავს ბრაუზერის გიგანტებს, როგორიცაა Chrome, Safari, Firefox და Internet Explorer.

 

თუ გსურს პროფესიულად განვითარდე და საკუთარი კარიერა გლობალურ ბაზარზე განავითარო, ამის შესაძლებლობეს IT აკადემია STEP-ში აღმოაჩენ - შეისწავლე Front-end ვებ დეველოპმენტი, ვებ-გვერდების აწყობა 0-დან!

→დარეგისტრირდი მარტივად

 

XHTML არის სპეციალური ვერსია

XHTML (გაფართოებადი ჰიპერტექსტის მარკირების ენა) არის იმავე მარკირების ენის უფრო მკაცრი ვერსია. მიუხედავად იმისა, რომ HTML-ს უფრო "მიმტევებელი" სინტაქსი აქვს, XHTML მოითხოვს წესების უფრო მკაცრ დაცვას. ის ასევე შეიქმნა იმისათვის, რომ უფრო თავსებადი იყოს XML-თან (ვრცელი მარკირების ენა). ეს ვერსია უფრო მოქნილია, როდესაც საქმე ეხება სტანდარტულ HTML კოდს, რაც იმას ნიშნავს, რომ ბევრად უფრო ადვილია მისი განახლება და გასწორება XML/HTML-ის მომდევნო ვერსიებთან.

 

 

AMP აჩქარებს HTML5-ს სმარტფონებზე

Google-მა წამოიწყო Accelerated Mobile Pages (AMP) პროექტი, როგორც ღია კოდის ინიციატივა, რათა გაუმჯობესდეს ვებ გვერდების მუშაობა მობილურ მოწყობილობებზე. AMP იყენებს HTML-ის ქვეჯგუფს კონკრეტული წესებითა და შეზღუდვებით სმარტფონებზე ჩატვირთვის დროის დასაჩქარებლად. ეს ქვეჯგუფი არსებითად არის სტანდარტული HTML-ის გამარტივებული ვერსია.

 

10. HTML-ში არ არსებობს ალგორითმები

როგორც ზემოთ ავრნიშნეთ, ჰიპერტექსტის მარკირების ენა არ არის პროგრამირების ინსტრუმენტი, არამედ ეს არის მარკირების ენა ინტერნეტში შინაარსის სტრუქტურირებისთვის. ეს ნიშნავს, რომ HTML არ მოიცავს ალგორითმებს ტრადიციული გაგებით, რადგან ის არ ასრულებს გამოთვლებს ან ლოგიკურ ამოცანებს, როგორც ამას პროგრამირების ენები აკეთებენ.

 

11. ზოგიერთი HTML ტეგი უფრო პოპულარულია ვიდრე სხვა

HTML ტეგების გამოყენება დამოკიდებულია ვებ გვერდის მოთხოვნებზე, მაგრამ ზოგიერთი ტეგი შეგიძლიათ ნახოთ თითქმის ყველა ვებსაიტზე:

გაყოფის ტეგი

აყალიბებს შინაარსს დოკუმენტში

აბზაცის ტეგი

განსაზღვრავს აბზაცებს მასში ჩასმული ტექსტის ზემოთ და ქვემოთ ინტერვალის დამატებით

წამყვანი ტეგი ქმნის ჰიპერბმულებს, რომლებიც მიდიან სხვა ვებ გვერდებზე ან მდებარეობებზე

სურათის ტეგი შესაძლებელს ხდის ვებ გვერდზე სურათების ჩასმას

სათაურები განისაზღვრება -დან

ტეგების გამოყენებით

სიის უწესრიგო ტეგი

გამოიყენება სიების შესაქმნელად, ხოლო

 

 

HTML არ არის მომხიბვლელი, მაგრამ ის აუცილებელია

კაშკაშა ჩარჩოებმა და დინამიურმა სკრიპტირების ენებმა შეიძლება მიიქციონ ჩვენი ყურადღება, მაგრამ HTML არის ის, რომელიც ქმნის მსოფლიო ქსელის საფუძველს. ეს ჰგავს გენერატორს, რომელიც ჩუმად აძლიერებს ინტერნეტს შეუდარებელი საიმედოობითა და პირდაპირი ბუნებით. მიუხედავად იმისა, რომ HTML არ არის (და არასდროს იქნება) ვიზუალურად ლამაზი, მისი პროდუქტები ნამდვილად არის

 

განსაზღვრავს სიის ელემენტებს

ვებ დიზაინერები იყენებენ ტეგს მომხმარებლის შეყვანისთვის ვებ ფორმების შესაქმნელად (რადიო ღილაკები, საკონტროლო ველები, ტექსტის შეყვანა, ღილაკები და სხვა)

ტეგი გამოიყენება -ში, რათა შეიქმნას სხვადასხვა ტიპის შეყვანის ველები, როგორიცაა ტექსტის შეყვანა, პაროლის შეყვანა, ჩამრთველი ველები და რადიო ღილაკები.

 

დაგეგმე სწავლა სტეპში და აიღე საერთაშორისო სერტიფიკატები

IT Academy Step ლიდერი IT სფეროში, ახლა უკვე 100+ ფილიალით!

+995 577 538 549 ქ. თელავი, ი.ჭავჭავაძის მოედ. #4

+995 (32) 215-55-51 ქ.თბილისი, ყაზბეგის34/34ბ

 

გამოიწერეთ ჩვენი გვერდი სოციალურ ქსელებში

Instagram.com/itstep.ge/

Facebook.com/itstep.ge

 



ავტორის სწავლების ტექნოლოგიები::

IT აკადემია STEP

ყოველდღე მუშაობ, მაგრამ წინ ვერ მიდიხარ - 5 ნიშანი, რომ ცვლილების დროა

გაიგე კარიერული სტაგნაციის 5 მთავარი ნიშანი, მიხვდი, როდის არის დრო ფუნდამენტური ცვლილებებისთვის და აღმოაჩინე პრაქტიკული გზები, როგორ განავითარო შენი პროფესიული უნარები ნამდვილი წარმატებისთვის.

როცა შრომა შედეგს აღარ იძლევა: კარიერული სტაგნაციის რეალობა ბევრი ჩვენგანი ყოველდღიურად საათებს ატარებს სამუშაო მაგიდასთან, კეთილსინდისიერად ასრულებს ყველა დავალებას, თუმცა დღის ბოლოს მაინც სტაგნაციის მძიმე განცდა რჩება - გრძნობ, რომ მიუხედავად დიდი ძალისხმევისა, წინ ვერ მიდიხარ. თუ გაქვს მუდმივი განცდა, რომ შენი ძალისხმევა შეუმჩნეველია, ხოლო კარიერული ზრდა სრულად შეáƒ

ШАГ логотип

AI-ს ყველაფერი შეუძლია - მაშინ რაში გვჭირდება პროგრამისტი

თუ AI კოდს წერს და საიტის შექმნაშიც გვეხმარება, რაში გვჭირდება პროგრამისტი? გაიგე, რა განსხვავებაა გენერირებულ კოდსა და საიმედო ციფრულ პროდუქტს შორის, რატომ სჭირდება AI-ის პასუხებს გადამოწმება და რა ცოდნა დაგეხმარება პროგრამირების შესწავლაში თანამედროვე ინსტრუმენტების გამოყენებით.

კოდის შექმნიდან რეალური პრობლემის გადაჭრამდე წარმოიდგინე, ხელოვნურ ინტელექტს სთხოვ: „შემიქმენი ონლაინმაღაზია“ და ცოტა ხანში ეკრანზე პროდუქტების ჩამონათვალი, კალათა და შეკვეთის ღილაკი ჩნდება. ბუნებრივია, გაგიჩნდეს კითხვა: თუ ტექნოლოგია ამას უკვე აკეთებს, რატომ უნდა დახარჯო დრო პროგრამირების სწავლაში? AI-ს შეუძლია კოდის დაწერა, არსებული კოდის ახსნა, ცვლილებების შეთავაზáƒ

ШАГ логотип

მშობლებისთვის

შენი შვილი Roblox-ს თამაშობს - აი, რა უნდა იცოდეს ყველა მშობელმა

თქვენი შვილი Roblox-ს თამაშობს? გაიგეთ, რას უნდა მიაქციოთ ყურადღება უსაფრთხოების პარამეტრებში, როგორ შეთანხმდეთ თამაშის წესებზე და როგორ დაეხმაროთ ბავშვს, თამაშის ინტერესიდან პირველი საკუთარი პროექტის შექმნაზე გადავიდეს.

რა იზიდავს ბავშვს Roblox-ში „კიდევ ხუთი წუთი!“ - თუ თქვენი შვილი Roblox-ს თამაშობს, ეს ფრაზა ალბათ ნაცნობია. ეკრანზე ფერად პერსონაჟებს ხედავთ, ბავშვი კი მეგობრებთან ერთად დაბრკოლებებს გადის, ვირტუალურ სახლს აწყობს ან ახალ სამყაროს იკვლევს. ბუნებრივია, გიჩნდებათ კითხვები: რას აკეთებს ამდენ ხანს? ვის ესაუბრება? შეიძლება ამ ინტერესს სასარგებლო გაგრძელებაც ჰქონდეს? პასუხების მოსაძებნá

ШАГ логотип

ზრდასრულთათვის

რომელი პროფესიების სწავლა აღარ ღირს 2026 წელს?

რომელი პროფესიების სწავლა აღარ ღირს 2026 წელს და როგორ ავიცილოთ არასწორი არჩევანი? გაიგე, რატომ არის სარისკო მხოლოდ ერთი ინსტრუმენტის ან განმეორებადი დავალების შესწავლაზე გაჩერება, როგორ იცვლება პროგრამირების, დიზაინისა და მარკეტინგის სამუშაო პროცესები და რას უნდა მიაქციო ყურადღება სასწავლო კურსის შერჩევისას.

როცა პროფესიის ნაცვლად მხოლოდ ერთი დავალების შესრულებას სწავლობ „ამ პროფესიას AI ჩაანაცვლებს“, „ამის სწავლას აზრი აღარ აქვს“, „სანამ კურსს დაამთავრებ, ეს ცოდნა მოძველდება“ - მსგავსი ფრაზების მოსმენის შემდეგ პროფესიის არჩევა კიდევ უფრო რთული ხდება. განსაკუთრებით მაშინ, როცა სწავლაში დროისა და თანხის ჩადებას გეგმავ და გინდა, გადაწყვეტილებამ რეალური შესაძლებლობები შეგიქáƒ

ШАГ логотип

ამ საიტზე გამოიყენება Cookies

Კონფიდენციალურობის პოლიტიკა