HTML5da buning o'rniga oddiy <header> tegidan foydalaniladi.
<header> elementi tanadagi yorliq ichida foydalanish uchun mos keladi.
<header> elementi tanadagi yorliq ichida foydalanish uchun mos keladi.
<! DOCTYPE html>
<html>
<head> </head>
<odam>
<header>
<h1> eng muhim sarlavha </h1>
<h3> kamroq muhim sarlavha </h3>
</header>
</body>
</html>
<html>
<head> </head>
<odam>
<header>
<h1> eng muhim sarlavha </h1>
<h3> kamroq muhim sarlavha </h3>
</header>
</body>
</html>
E'tibor bering, <header> tegi <head> tegidan mutlaqo farq qiladi.
<footer> elementi
Taglik elementi ham keng qo'llaniladi. Umuman olganda biz veb-sahifaning pastki qismida joylashgan pastki qismga murojaat qilamiz.
Taglik elementi ham keng qo'llaniladi. Umuman olganda biz veb-sahifaning pastki qismida joylashgan pastki qismga murojaat qilamiz.
Ushbu teglar orasida odatda quyidagi ma'lumotlar beriladi:
- Bog'lanish uchun ma'lumot
- Maxfiylik siyosati
- Ijtimoiy media belgilari
- Xizmat ko'rsatish shartlari
- Mualliflik huquqi to'g'risidagi ma'lumot
- Sayt xaritasi va tegishli hujjatlar
- Bog'lanish uchun ma'lumot
- Maxfiylik siyosati
- Ijtimoiy media belgilari
- Xizmat ko'rsatish shartlari
- Mualliflik huquqi to'g'risidagi ma'lumot
- Sayt xaritasi va tegishli hujjatlar
<nav> element
Ushbu teg boshqa sahifalarga yoki sahifadagi ba'zi bo'limlarga bog'langan sahifaning qismini anglatadi. Bu navigatsiya havolalari bo'lgan bo'lim bo'ladi.
Navigatsiya havolalarining asosiy blokiga misol:
Ushbu teg boshqa sahifalarga yoki sahifadagi ba'zi bo'limlarga bog'langan sahifaning qismini anglatadi. Bu navigatsiya havolalari bo'lgan bo'lim bo'ladi.
Navigatsiya havolalarining asosiy blokiga misol:
<nav>
<ul>
<li> <a href="#"> Bosh sahifa </a> </li>
<li> <a href="#"> Xizmatlar </a> </li>
<li> <a href="#"> Biz haqimizda </a> </li>
</ul>
</nav>
<ul>
<li> <a href="#"> Bosh sahifa </a> </li>
<li> <a href="#"> Xizmatlar </a> </li>
<li> <a href="#"> Biz haqimizda </a> </li>
</ul>
</nav>
Hujjatdagi barcha havolalar ham <nav> elementida bo'lmasligi kerak. <nav> elementi faqat navigatsiya havolalarining asosiy bloklari uchun mo'ljallangan. Odatda, <footer> elementida ko'pincha <nav> elementida bo'lishi shart bo'lmagan havolalar ro'yxati mavjud.
<article> element
Maqola bu mustaqil sahifalar, sahifalardan yoki saytning qolgan qismidan alohida foydalanish va tarqatish mumkin. Bu forum posti, jurnal yoki gazetadagi maqola, blogga yozuv, sharh, interfaol vidjet yoki gadjet yoki boshqa har qanday mustaqil tarkibiy qism bo'lishi mumkin.
<article> elementi HTML4 da keng ishlatilgan <id> elementini id yoki sinf bilan almashtiradi.
Maqola bu mustaqil sahifalar, sahifalardan yoki saytning qolgan qismidan alohida foydalanish va tarqatish mumkin. Bu forum posti, jurnal yoki gazetadagi maqola, blogga yozuv, sharh, interfaol vidjet yoki gadjet yoki boshqa har qanday mustaqil tarkibiy qism bo'lishi mumkin.
<article> elementi HTML4 da keng ishlatilgan <id> elementini id yoki sinf bilan almashtiradi.
<article>
<h1> Maqola nomi </h1>
<p> Maqola elementlarining tarkibi </p>
</article>
<h1> Maqola nomi </h1>
<p> Maqola elementlarining tarkibi </p>
</article>
Agar <article> elementi joylashtirilsa, ichki element tashqi element bilan bog'liq maqolani anglatadi. Masalan, blog postlariga sharhlar <article> blog postini ifodalovchi <article> elementlariga joylashtirilishi mumkin.
<section> Element i
<section> - bu sahifa yoki maqolaning mantiqiy idishi.
Maqolalar ichidagi ma'lumotlarni taqsimlash uchun bo'limlardan foydalanish mumkin.
Masalan, bosh sahifada kompaniyani tanishtirish uchun bo'lim bo'lishi mumkin, boshqasi yangiliklar uchun, boshqasi esa aloqa ma'lumotlari uchun.
Har bir bo'lim aniqlanishi kerak odatda, sarlavha (h1-h6 element) <section> elementining bolasi sifatida kiritilishi kerak.
<section> - bu sahifa yoki maqolaning mantiqiy idishi.
Maqolalar ichidagi ma'lumotlarni taqsimlash uchun bo'limlardan foydalanish mumkin.
Masalan, bosh sahifada kompaniyani tanishtirish uchun bo'lim bo'lishi mumkin, boshqasi yangiliklar uchun, boshqasi esa aloqa ma'lumotlari uchun.
Har bir bo'lim aniqlanishi kerak odatda, sarlavha (h1-h6 element) <section> elementining bolasi sifatida kiritilishi kerak.
<article>
<h1> Xush kelibsiz </h1>
<section>
<h1> sarlavha </h1>
<p> tarkib yoki rasm </p>
</section>
</article>
<h1> Xush kelibsiz </h1>
<section>
<h1> sarlavha </h1>
<p> tarkib yoki rasm </p>
</section>
</article>
Agar <section> elementining tarkibini alohida sindikatsiya qilish mantiqiy bo'lsa, uning o'rniga <article> elementidan foydalaning.
<aside> elementi
<aside> bu ikkilamchi yoki tangensial tarkibiy qism bo'lib, uni alohida-alohida ko'rib chiqish mumkin, ammo bilvosita asosiy tarkibga bog'liqdir.
Ushbu turdagi tarkib ko'pincha yon panellarda namoyish etiladi.
Agar <article> tegida <aside> tegidan foydalanilsa, <aside> tarkibiy qismi ushbu maqola bilan bevosita bog'liq bo'lishi kerak.
<aside> bu ikkilamchi yoki tangensial tarkibiy qism bo'lib, uni alohida-alohida ko'rib chiqish mumkin, ammo bilvosita asosiy tarkibga bog'liqdir.
Ushbu turdagi tarkib ko'pincha yon panellarda namoyish etiladi.
Agar <article> tegida <aside> tegidan foydalanilsa, <aside> tarkibiy qismi ushbu maqola bilan bevosita bog'liq bo'lishi kerak.
<article>
<h1> hamma uchun sovg'alar </h1>
<p> Ushbu veb-sayt sovg'alarni tanlash uchun eng yaxshi joy bo'ladi </p>
<aside>
<p> Sovg'alar 24 soat ichida sizga etkaziladi </p>
</aside>
</article>
<h1> hamma uchun sovg'alar </h1>
<p> Ushbu veb-sayt sovg'alarni tanlash uchun eng yaxshi joy bo'ladi </p>
<aside>
<p> Sovg'alar 24 soat ichida sizga etkaziladi </p>
</aside>
</article>