Როდის უნდა გამოიყენოთ HTML5 SECTION ელემენტი

და როდის უნდა გამოიყენოს მუხლი, ASIDE და DIV

ახალი HTML5 SECTION ელემენტი შეიძლება გარკვეულწილად დამაბნეველი იყოს. თუ HTML აშენებს HTML დოკუმენტებს HTML5- ის შანსში, შანსი გაქვთ გამოყენებული ელემენტის შექმნა თქვენს სტრუქტურულ განყოფილებებში და შემდეგ გვერდებთ სტილი. ასე რომ, როგორც ჩანს, ბუნებრივი რამ, უბრალოდ შეცვლის თქვენი არსებული DIV ელემენტები SECTION ელემენტები. მაგრამ ეს ტექნიკურად არასწორია. ასე რომ, თუ თქვენ უბრალოდ არ შეცვალოთ DIV ელემენტები SECTION ელემენტებით, როგორ იყენებთ მათ სწორად?

SECTION ელემენტი არის სემანტიკური ელემენტი

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

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

SECTION ელემენტის გამოყენებისას

გამოიყენეთ ARTICLE ელემენტის შინაარსი, როდესაც შინაარსი დამოუკიდებელი ნაწილია, რომელიც შეიძლება მარტო დავდგეთ და იყოს სტატიის ან ბლოგის პოსტი. გამოიყენეთ ASIDE ელემენტი, როდესაც შინაარსი უშუალოდ დაკავშირებულია გვერდის შინაარსთან ან თვით გვერდთან, როგორიცაა გვერდიგვერდები, ანოტაციები, სქოლიოები ან ასოცირებული საიტის ინფორმაცია. გამოიყენეთ NAV ელემენტის შინაარსი, რომელიც ნავიგაციაა.

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

ამის ნაცვლად, თქვენ უნდა გამოიყენოთ DIV ელემენტი. DIV ელემენტი HTML5- ში არის არა-სემანტიკური კონტეინერის ელემენტი. თუ შინაარსი ცდილობთ კომბინირებას არ აქვს სემანტიკური მნიშვნელობა, მაგრამ თქვენ კვლავ უნდა დააკავშიროთ სტილისთვის, მაშინ DIV ელემენტი არის შესაბამისი ელემენტის გამოყენება.

როგორ ხდება სექტორის ელემენტები

თქვენი დოკუმენტის სექცია შეიძლება გამოჩნდეს როგორც გარე კონტეინერი სტატიებისა და ASIDE ელემენტებისათვის. მასში ასევე შეიძლება შეიცავდეს შინაარსი, რომელიც არ შედის ARTICLE ან ASIDE- ის ნაწილად. SECTION ელემენტი შეიძლება ასევე მოიძებნოს ARTICLE, NAV ან ASIDE- ში. თუნდაც ბუდე სექციებს მიუთითოთ, რომ კონტენტის ერთი ჯგუფი არის შინაარსის სხვა ჯგუფის სექცია, რომელიც მთლიანად სტატიის ან გვერდის განყოფილებას წარმოადგენს.

SECTION ელემენტი ქმნის ელემენტებს დოკუმენტის გარეგნობაში. და როგორც ასეთი, თქვენ ყოველთვის უნდა ჰქონდეს header ელემენტი (H1 მეშვეობით H6) როგორც ნაწილი მონაკვეთზე. თუ თქვენ არ შეგიძლიათ ამუშავება სათაურით განყოფილება, მაშინ კვლავ DIV ელემენტი უფრო სათანადოა. გახსოვდეთ, თუ არ გსურთ სექციაში სათაური გამოჩნდეს გვერდზე, თქვენ ყოველთვის შეგიძლიათ ნიღაბი მას CSS.

როდესაც არ გამოიყენებთ SECTION ელემენტს

ზემოთ მოყვანილი რჩევების მიღმა უფრო კონკრეტული სემანტიკური ელემენტების გამოყენებასთან ერთად, ერთი კონკრეტული ტერიტორიაა, რომ არ გამოიყენოთ SECTION ელემენტი: სტილისთვის.

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

საბოლოოდ არ შეიძლება

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

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