- 16/12/22
- თემებითემები
- 3,017
- 6,909
- დრო ფორუმზე
- 132დ 12ს 44წ
გამარჯობა, თემაში მინდა გესაუბროთ HTML5 - ის სწორ სემანტიკურ აგებაზე. სემანტიკა თავის თავში გულისხმობს ვებ დოკუმენტში ამა თუ იმ ელემენტის შესაბამისი ტეგებით გაფორმებას. გასათვალისწინებელია ისიც,რომ სემანტიკურად სწორად აგებული დოკუმენტი კარგად მოქმედებს SEO - ზეც...
როგორც იცით HTML5 - ში რეალიზებული იქნა რამდენიმე ახალი ტეგი, რომლებსაც აქვთ სემანტიკური დატვირთვა, სწორედ ამ ტეგებზე მინდა გავამახვილო ყურადღება.
როცა ამ თემის დაწერა გადავწყვიტე არჩევანი მქონდა ორ ვარიანტს შორის:
პირველი - ჩამომეწერა ეს ტეგები შესაბამისი განმარტებებით.
მეორე - დამეწერა პატარა კოდი ამ ტეგების გამოყენებით და გამეფორმებინა კომენტარებით.
არჩევანი მეორეზე შევაჩერე, ვფიქრობ ცალსახაა, რომ კოდში უკეთ აღიქმება ყველაფერი. მოკლედ დავიწყოთ.
<!DOCTYPE html>
<html lang="ka">
<head>
<title>HTML5 Semantic Structure</title>
<meta charset="utf-8" />
</head>
<body>
<header><!-- header განსაზღვრავს ვებ დოკუმენტის ან/და სექციის თავს. header - ის გამოყენება მრავალჯერ შეგვიძლია დიკუმენტში სადაც იქნება საჭირო რაიმის დასათაურება -->
<nav> <!-- ტეგი <nav> გამოიყენება ნავიგაციის ასაგებად, <nav> - ტეგის გამოყენება ხშირად ხდება <footer> - ში ჩამონათვლის გაკეთების დროს -->
<ul>
<li>პირველი</li>
<li>მეორე</li>
</ul>
</nav>
</header>
<article> <!-- <article> განსაზღვრავს ბლოგ-პოსტის, კომენტარის ან კონტენტის შემადგენლობას -->
<header> <!-- აქ <header> - ის და <footer> - ის სახმარებით აღვწერე სათაური და მისი აღწერა -->
<h2>რაღაცა</h2>
</header>
<footer>
<p>ქვე რაღაცა</p>
</footer>
<section> <!-- <section> განსაზღვრავს თემატურად დაჯგუფებულ კონტენტს ამ შემთვავში ბლოგ-პოსტს -->
<p>ლორემ იპსუმ მოწაფე გარდასული სულიც ტუჩებში
<mark>ლორემ იპსუმ</mark> <!-- <mark>...
როგორც იცით HTML5 - ში რეალიზებული იქნა რამდენიმე ახალი ტეგი, რომლებსაც აქვთ სემანტიკური დატვირთვა, სწორედ ამ ტეგებზე მინდა გავამახვილო ყურადღება.
როცა ამ თემის დაწერა გადავწყვიტე არჩევანი მქონდა ორ ვარიანტს შორის:
პირველი - ჩამომეწერა ეს ტეგები შესაბამისი განმარტებებით.
მეორე - დამეწერა პატარა კოდი ამ ტეგების გამოყენებით და გამეფორმებინა კომენტარებით.
არჩევანი მეორეზე შევაჩერე, ვფიქრობ ცალსახაა, რომ კოდში უკეთ აღიქმება ყველაფერი. მოკლედ დავიწყოთ.
<!DOCTYPE html>
<html lang="ka">
<head>
<title>HTML5 Semantic Structure</title>
<meta charset="utf-8" />
</head>
<body>
<header><!-- header განსაზღვრავს ვებ დოკუმენტის ან/და სექციის თავს. header - ის გამოყენება მრავალჯერ შეგვიძლია დიკუმენტში სადაც იქნება საჭირო რაიმის დასათაურება -->
<nav> <!-- ტეგი <nav> გამოიყენება ნავიგაციის ასაგებად, <nav> - ტეგის გამოყენება ხშირად ხდება <footer> - ში ჩამონათვლის გაკეთების დროს -->
<ul>
<li>პირველი</li>
<li>მეორე</li>
</ul>
</nav>
</header>
<article> <!-- <article> განსაზღვრავს ბლოგ-პოსტის, კომენტარის ან კონტენტის შემადგენლობას -->
<header> <!-- აქ <header> - ის და <footer> - ის სახმარებით აღვწერე სათაური და მისი აღწერა -->
<h2>რაღაცა</h2>
</header>
<footer>
<p>ქვე რაღაცა</p>
</footer>
<section> <!-- <section> განსაზღვრავს თემატურად დაჯგუფებულ კონტენტს ამ შემთვავში ბლოგ-პოსტს -->
<p>ლორემ იპსუმ მოწაფე გარდასული სულიც ტუჩებში
<mark>ლორემ იპსუმ</mark> <!-- <mark>...