ტეგები დაწყვილებულია და დაუწყვილდება. HTML ტეგის კონცეფცია

მონიშნეთ (pl. tags, ზოგჯერ tag) არის ელემენტი HTML ენა, რომელიც გამოიყენება ვებ გვერდის საწყისი ტექსტის აღსანიშნავად. ტეგები არის კუთხური ფრჩხილებში ჩასმული ინგლისური სიტყვების შემოკლებები ან შემოკლებები.<>მაგ ტეგი

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

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

და მონიშნეთ

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

ტეგების კლასიფიკაცია

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

. ასეთ შემთხვევებში გამოიყენება დაწყვილებული ტეგები: გახსნადა დახურვა. გახსნის ტეგი (მაგალითად,

) ქმნის ეფექტს და დახურვას (

) წყვეტს მას. როგორც მაგალითიდან ხედავთ, დახურვის ტეგს ყოველთვის აქვს ეს სიმბოლო ( / ) არის წინ დახრილი. ამ ტეგებს ე.წ დაწყვილებული.

ზოგიერთ ტეგს აქვს ერთჯერადი ეფექტი იქ, სადაც ისინი გამოჩნდება. მაგალითად, მონიშნეთ ჰორიზონტალური ბარი


ან გამოსახულების ჩვენების ტეგი . ასეთ ტეგებს არ აქვს ბოლო ტეგები. ასეთ ტეგებს უწოდებენ არა დაწყვილებულს.

ტეგის ტიპები

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

  • დოკუმენტის სათაურის ტეგები;
  • ბლოკის ელემენტები;
  • ინლაინ ელემენტები;
  • უნივერსალური ელემენტები;
  • სიები;
  • მაგიდები;
  • ჩარჩოები.

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

    და
      ვრცელდება როგორც სიებზე, ასევე ბლოკის ელემენტებზე.

      ტეგის სტრუქტურა

      ბრაუზერში ჩატვირთვისას, თავად ტეგები არ არის ნაჩვენები, მაგრამ ისინი გავლენას ახდენენ მათი შინაარსის ჩვენებაზე. თუ ტეგი არასწორად არის დაწერილი, ის მთლიანად იგნორირებულია.

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

      მოდით შევხედოთ ატრიბუტების შემცველი ტეგების სწორ სტრუქტურას:

      1. თავად ვებმასტერი

      მაგალითად, მე მივეცი ორი სრულიად განსხვავებული ტეგი. Პირველი ერთი - პასუხისმგებელი სურათების ჩვენებაზე, ატრიბუტზე - src="logo.jpg". მეორე წყვილი პასუხისმგებელია ბმულების შექმნაზე, ატრიბუტი არის href="საიტი".

      დასკვნა 1: ატრიბუტებს შეიძლება ჰქონდეთ დაწყვილებული და დაუწყვილებელი ტეგები.

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

      სურათი დაზუსტებისთვის:

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

      ერთი HTML ტეგები

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


      - გამყოფი ხაზი, - სურათის ჩასმა.

      დაწყვილებული HTML ტეგები

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

      რა არის ტეგები HTML-ში?

      , ასე რომ, ეს არის წყვილი ტეგი, ამ ტეგის შინაარსი არის ტექსტი "რა არის ტეგები HTML-ში?". მისი დასაწყისი არის ტეგი

      , და დასასრული

      .

      დამწყებთათვის მთავარი შეცდომა დაწყვილებული ტეგების დაწერისას არის დაბნეულობა ბუდეში. მაგალითად, ეს არის სწორი ჩანაწერი:

      თამამი აბზაცი

      . და აი შეცდომა:

      თამამი აბზაცი

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

      როგორ დავწეროთ წყვილი ტეგები სწორად

      .

      რა არის ახალი HTML5-ში ტეგების თვალსაზრისით?

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

      რატომ არის მნიშვნელოვანი ტეგების გამოყენების სწავლა?

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

      როგორ ვისწავლოთ ყველა HTML ტეგი?

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

      HTML ტეგებიარის HTML ენის საფუძველი. ტეგები გამოიყენება მარკირების ელემენტების დასაწყისისა და დასასრულის დელიმიტაციისთვის.

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

      ყველა HTML ელემენტი იყოფა ხუთ ტიპად:

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