HTML <footer>

Saytlar odatda 3 ta qism header, main va footer qismlaridan iborat bo'ladi.

HTML- dagi <footer> teg - bu veb-sahifaning muallif haqidagi ma'lumotlar, mualliflik huquqi to'g'risidagi ma'lumotlar, tegishli hujjatlarga havolalar yoki sahifaning bir qismi deb hisoblangan boshqa ma'lumotlarni o'z ichiga olgan bo'limni aniqlash uchun ishlatiladigan semantik element.

Teg odatda veb-saytning har bir sahifasida mavjud bo'lgan ma'lumotlarni, masalan, sayt logotipi, muallifning ismi va a'loqa ma'lumotlarini o'z ichiga olish uchun ishlatiladi.

<footer>
  <p>Copyright © 2023  || Uzbekdevs</p>
  <p>Contact us: <a href="https://uzbekdevs.uz">Uzbekdevs</a></p>
</footer>

HTML faylda Header, Main va Footer teglari ko'pincha quyidagicha ketma ketlikda yoziladi.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UzbekDevs | Footer</title>
</head>
<body>
    
    <!-- Header qismi -->


<header>
    <h1>Header qismiga asosan saytning menyu qismlari joylashadi</h1>
</header>


<main>
    <h1>Main qismiga saytdagi foydalanuvchilarga ko'rinadigan ma'lumotlar joylanadi</h1>
</main>


<footer>
    <h1>Footer qismi bu saytning pastki qismi hisoblanadi. Bu qismga saytning ayrim ma'lumotlari, ba'zida menyu linklar, ijtimoiy tarmoq manzillari va shunga o'hshash qo'shimcha ma'lumotlar kiritiladi.</h1>
</footer>


</body>
</html>

HTML5-da <footer> teg bir sahifada bir necha marta ishlatilishi mumkin, ularning har biri sahifaning boshqa bo'limining pastki qismini ifodalaydi. Misol uchun, blog postida <footer> muallif haqidagi ma'lumot <footer> uchun teg va sharhlar bo'limi uchun boshqa teg bo'lishi mumkin.

Xulosa o'rnida : deyarli barcha saytlarning footer qismi bo'ladi.

Jadvaldagi raqamlar elementni to'liq qo'llab-quvvatlaydigan birinchi brauzer versiyasini ko'rsatadi.

Ko'pgina brauzerlar <footer>elementni quyidagi standart qiymatlar bilan ko'rsatadi:

footer {
  display: block;
}