Nesting HTML ტეგები

როგორ Nest HTML Tags სწორად

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

რას ნიშნავს ესაა Nest HTML ტეგები?

მარტივი გზა მესმის nesting არის ვიფიქროთ HTML tags როგორც ყუთები, რომ გამართავს თქვენი შინაარსი. თქვენი შინაარსი შეიძლება შეიცავდეს ტექსტს, სურათებს და ა.შ. ზოგჯერ, საჭიროა ყუთების შიგნით სხვა ყუთების განთავსება. იმ "შიდა" ყუთები სხვის შიგნითაა.

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

მაგალითი: ეს არის ტექსტი.

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

მაგალითი: ეს არის ტექსტის განაჩენი.

იმის გამო, რომ გსურთ სიტყვა "წინადადება" იყოს თამამი, თქვენ დაამატებთ გახსნას და დახურვის თამამი ტეგები ადრე და ამის შემდეგ worod.

მაგალითი: ეს არის სასჯელი ტექსტი.

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

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

პირველი, რასაც მოჰყვება , რაც ნიშნავს, რომ შეცვალეთ და დაიხურება და შემდეგ .

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

დამატება უფრო Nested ტეგები

რა მოხდება, თუ მხოლოდ ერთი ან ორი სიტყვა უნდა იყოს თამამი და მეორე მითითებული იყოს იტალიური? აი, როგორ გავაკეთოთ ეს.

მაგალითი: ეს არის სასჯელი ტექსტისა და მას ასევე აქვს დახრილი ტექსტი

თქვენ შეგიძლიათ ნახოთ, რომ ჩვენი გარე ყუთი,

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

მაგალითად: ეს არის სასჯელი ტექსტისა და მას ასევე აქვს დახრილი ტექსტი

ეს არის კიდევ ერთი პუნქტი. / p>

ამ შემთხვევაში ჩვენ გვაქვს ყუთები ყუთების შიგნით! საუკეთესო ყუთი არის

ან "განყოფილება". Inside რომ ყუთი წყვილი წყობილი პუნქტის tags, და შიგნით პირველი პუნქტის ჩვენ გვაქვს შემდეგი და tag წყვილი. კიდევ ერთხელ, შეხედეთ ნებისმიერ ვებ გვერდზე დღეს და ნახავთ ამ და ბევრად უფრო nesting ხდება! ეს არის ის, თუ როგორ აშენდა გვერდები ყუთები შიგნით.

რატომ უნდა იზრუნოს შენს შესახებ?

ნომერზე ერთი მიზეზი, რომელიც თქვენ უნდა აღელვებთ მობუდარი, თუ თქვენ აპირებთ გამოიყენოთ CSS. Cascading Style Sheets დაეყრდნობა ტეგებს, რომლებიც თანმიმდევრულად წყვეტენ დოკუმენტში ისე, რომ მას შეუძლია თქვას, თუ რა სტილის დაწყება და დასასრული. თუ თქვენ შექმენით სტილი, რომელიც გავლენას მოახდენს ყველა "ბმულს, რომელიც განლაგებულია გვერდის მთავარ შინაარსზე" "კლასის ტექსტის შიგნით, არასწორი nesting ხდის რთულია ბრაუზერისთვის იმისთვის, რომ ეს სტილის გამოყენებაა. მოდით შევხედოთ ზოგიერთი HTML:

მაგალითი: ეს არის წინადადება ტექსტი და მას ასევე აქვს დახრილი ტექსტი

სხვა პარაგრაფი .

მაგალითის გამოყენებით, მე უბრალოდ ვთქვი, თუ გვინდოდა დავწერო CSS სტილი, რომელიც გავლენას ახდენს ამ განყოფილების შიგნით და მხოლოდ ამ ბმულს (სხვა გვერდებზე სხვა კავშირებისგან განსხვავებით), მე უნდა გამოვიყენო მწკრივზე დაწერა ჩემი სტილი, როგორც ასეთი:

.main-content {ფერი: # F00; }

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

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