3.1 <main> Teqi
HTML5 bir çox yeni semantik elementlər təqdim etdi ki, onlar proqramçılara daha strukturlaşdırılmış və anlaşılan veb-səhifələr yaratmağa kömək edir. Bunlar arasında <main> və <aside> teqləri xüsusi yer tutur, hansı ki müvafiq olaraq əsas və əlavə məzmun üçün konteynerlər yaratmaq üçün istifadə edilir.
<main> teqi sənədin əsas məzmununu ifadə edir. Bu teq səhifənin unikal və əsas məzmununun yerləşdirilməsi üçün istifadə olunur. <main> teqinin daxilində olan məzmun hər səhifə üçün unikal olmalıdır və bütün səhifələrdə təkrarlanan elementləri (məsələn, loqolar, yan panellər, naviqasiya linkləri və ya futerlər) əhatə etməməlidir.
Sintaksis:
<main>
<!-- Səhifənin əsas məzmunu -->
</main>
İstifadə nümunəsi:
<body>
<header>
<h1>Website Başlıq</h1>
<nav>
<ul>
<li><a href="#home">Ana səhifə</a></li>
<li><a href="#about">Haqqında</a></li>
<li><a href="#contact">Əlaqə</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Məqalə Başlığı</h2>
<p>Bu məqalənin əsas məzmunudur.</p>
</article>
</main>
<footer>
<p>© 2024 Nümunə Website</p>
</footer>
</body>
Əsas xüsusiyyətlər:
- Məzmun:
<main>teqi səhifənin əsas məzmununu, xüsusi olaraq həmin səhifə üçün unikal olan məlumatı saxlamalıdır - Yerləşmə: səhifədə yalnız bir
<main>teqi olmalıdır - Əlçatanlıq:
<main>teqi səhifənin əlçatanlığını artırır, köməkçi texnologiyalara (məsələn, ekran oxuyuculara) əsas məzmunu daha tez tapmağa kömək edir
Tətbiqlər:
- Səhifənin əsas məzmunu
- Mövcud səhifə ilə bağlı unikal məzmun
Üstünlüklər:
- Semantik Markup: axtarış sistemlərinə və köməkçi texnologiyalara səhifənin əsas məzmununu daha yaxşı anlamağa kömək edir
- Səhifə strukturunun yaxşılaşdırılması: əsas məzmunu səhifənin digər hissələrindən (məsələn, başlıq, yan panellər və futer) aydın şəkildə ayırır
Xüsusiyyətlər:
- Səhifə üçün unikal olan məzmunu daxil etməlidir
- Bütün səhifələrdə təkrarlanan elementləri (məsələn, naviqasiya panelləri, yan panellər, futerlər) əhatə etməməlidir
3.2 <aside> teqi
<aside> teqi əlavə məzmunu göstərmək üçün istifadə olunur. Bu məzmun əsas məzmuna bağlıdır, lakin sənədin əsas məzmun axınının bir hissəsi deyil. Adətən yan panellərdə istifadə olunur, məsələn: reklamlar, əlaqəli məqalələrə linklər, müəlliflərin bioqrafiyaları və digər köməkçi elementlər.
Sintaksis:
<aside>
<!-- Əlavə məzmun -->
</aside>
İstifadə nümunəsi:
<main>
<article>
<h2>Məqalə başlığı</h2>
<p>Məqalənin əsas məzmunu burada.</p>
</article>
<aside>
<h3>Əlaqəli məqalələr</h3>
<ul>
<li><a href="#related1">Əlaqəli məqalə 1</a></li>
<li><a href="#related2">Əlaqəli məqalə 2</a></li>
</ul>
<h3>Müəllif haqqında</h3>
<p>Müəllifin qısa bioqrafiyası.</p>
</aside>
</main>
Əsas xüsusiyyətlər:
- Məzmun:
<aside>teqi əsas məzmuna aid əlavə məlumatı saxlayır, lakin əsas axının bir hissəsi deyil. - Yerləşmə:
<main>teqinin içərisində və ya kənarında yerləşə bilər, kontekstdən asılı olaraq. - Tətbiq sahəsi: Yan panellər, reklam blokları, əlaqəli məqalələrə linklər və digər köməkçi məlumatlar üçün istifadə olunur.
Tətbiqi:
- Əlavə məlumatı olan yan panellər
- Reklam blokları
- Əlaqəli resurslara linklər
- Əsas məzmuna aid əlavə materiallar
Üstünlükləri:
- Semantik işarələmə: Axtarış sistemlərinə və köməkçi texnologiyalara bu məzmunun əsas məzmuna əlavə olduğunu anlamağa kömək edir
- Səhifə strukturu təkmilləşir: Əlavə məzmunu əsas məzmundan açıq şəkildə ayırır və səhifəni daha təşkilatlanmış və oxunaqlı edir
Xüsusiyyətlər:
- Əsas məzmunla əlaqəli, lakin onun bir hissəsi olmayan məzmunu saxlayır
- Yan panellər, reklam blokları, abunəliklər və digər əlavə materiallar üçün istifadə oluna bilər
GO TO FULL VERSION