Რატომ გამოიყენეთ სემანტიკური HTML?

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

რა არის სემანტიკური HTML

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

tag მიუთითებს, რომ თანდართული ტექსტი არის პარაგრაფი.

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

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

სემანტიკური HTML ტეგების მაგალითები მოიცავს ჰედერის ტეგებს

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

რატომ უნდა იზრუნოს სემანტიკაზე?

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

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

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

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

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

გამოიყენეთ სემანტიკური ტეგები სწორად

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

  • blockquote - ზოგიერთი ადამიანი გამოიყენებს
    tag ტექსტის შეტანისთვის, რომელიც არ არის ციტატა. ეს იმიტომ ხდება, რომ ბლოკნოტების ჩართვა ნაგულისხმევია. თუ თქვენ უბრალოდ გსურთ შეღავათების შეღავათები, მაგრამ ტექსტი არ არის ბლოკნოტი, ნაცვლად გამოიყენეთ CSS მინდვრები.
  • p - ზოგიერთი ვებ რედაქტორი გამოიყენებს

    & nbsp; (არარეგულარული სივრცე შეიცავს paragraoph), რათა დაამატოთ დამატებითი სივრცე გვერდებზე ელემენტებს შორის, ვიდრე ამ გვერდის ტექსტის ფაქტობრივი პუნქტები. როგორც ზემოთ აღვნიშნეთ ინდუცირებული მაგალითი, თქვენ უნდა გამოიყენოთ ზღვარი ან პანდინგის სტილის ქონება სივრცის დასამატებლად.