1.4 Birinchi HTML5 hujjati: <!DOCTYPE html>, html, head, body
1.4 Birinchi HTML5 hujjati: <!DOCTYPE html>, html, head, body
Mentor: Azizbek Alimov (TBC Bank (6+ yil tajriba))
Full HD 1080p • O'zbek tilida • 03:001.4 Birinchi HTML5 hujjati: <!DOCTYPE html>, html, head, body
Har qanday professional veb-sahifaning poydevori bo'lgan standart HTML5 skeleti anatomiyasi. <!DOCTYPE html> ning brauzerlar uchun ahamiyati, <html>, <head> va <body> bo'limlarining qat'iy vazifalari va tuzilishi.
Darsdan olinadigan amaliy ko'nikmalar:
- <!DOCTYPE html> deklaratsiyasi nima uchun kerakligini bilish
- <html> ildiz elementining vazifasi va 'lang' atributini to'g'ri sozlash
- <head> va <body> o'rtasidagi farqni aniq ajrata olish
- Standartlarga to'liq mos keluvchi birinchi mustaqil HTML faylini yaratish
1. <!DOCTYPE html> — Bu nima?
<!DOCTYPE html> — bu teg emas, balki 'Hujjat Turi Deklaratsiyasi' (Document Type Declaration). U har qanday HTML faylning eng birinchi qatorida yozilishi shart.
U brauzerga: 'Ushbu sahifa eng so'nggi zamonaviy HTML5 standartida yozilgan, uni eng to'g'ri rejimda (Standard Mode) chiz!' deb ko'rsatma beradi. Agar bu qator yozilmasa, eski brauzerlar 'Quirks Mode' (moslashuvchanlik xatoliklari rejimi) ga o'tib ketishi mumkin.
2. <html> ildiz elementi
`<html>` — bu barcha boshqa elementlarni o'z ichiga oluvchi ildiz (Root) elementdir. Undan tashqarida faqat `<!DOCTYPE html>` bo'lishi mumkin.
Uning ichida doimo `lang` atributi ko'rsatilishi zarur: `<html lang="uz">`. Bu qidiruv tizimlari (Google, Yandex) va ekranni ovozli o'quvchi dasturlar (Screen Readers) ga sahifa qaysi tilda ekanini bildiradi.
3. <head> va <body> farqi
`<head>` — bu sahifaning 'miyyasi'dir. Bu yerda yozilgan ma'lumotlar foydalanuvchiga to'g'ridan-to'g'ri ko'rinmaydi (sahifa sarlavhasi, kodlash turi UTF-8, CSS fayllar, SEO meta teglari saqlanadi).
`<body>` — bu sahifaning 'tanasi'dir. Ekranda foydalanuvchi ko'radigan hamma narsa — matnlar, rasmlar, videolar, tugmalar, jadvallar faqat va faqat `<body>` tegi ichiga yoziladi!