Web sahifa — brauzer URL orqali yuklaydigan va foydalanuvchiga matn, media hamda interaktiv funksiyalarni ko‘rsatadigan veb hujjatdir. Sahifaning asosiy tuzilishi HTML bilan ifodalanadi, CSS ko‘rinishni, JavaScript esa dinamik xatti-harakatni boshqarishi mumkin. Bir-biriga bog‘langan web sahifalar veb-sayt yoki web-ilovani tashkil etadi.
Yuklanish jarayoni
Foydalanuvchi URL kiritganda brauzer domen uchun DNS orqali IP manzil topadi. HTTPS ulanishida TCP yoki mos transport va TLS sessiyasi o‘rnatiladi. Brauzer HTTP so‘rov yuboradi, server status, header va response body qaytaradi.
HTML parser baytlarni encoding bo‘yicha belgiga, token va DOM daraxtiga aylantiradi. CSS parser CSSOM yaratadi. DOM va CSSOM render treega birlashib, layout element o‘lchami va joyini, paint esa pixel ko‘rinishini hisoblaydi. JavaScript DOMni o‘zgartirsa bu bosqichlarning ayrimi qayta bajariladi.
Hujjat tuzilishi
<!doctype html> standart rejimni yoqadi. <html>, <head> va <body> asosiy qismlardir. Head ichida title, charset, viewport, metadata, style va preload ma’lumotlari bo‘ladi. Body foydalanuvchiga ko‘rinadigan semantik kontentni saqlaydi.
<main>
<article>
<h1>Web sahifa</h1>
<p>Sahifaning asosiy matni.</p>
</article>
</main>
Semantik elementlar qidiruv tizimi va yordamchi texnologiyaga mazmun tuzilishini bildiradi. Heading darajalari vizual bezak emas, hujjat ierarxiyasidir.
Static va dynamic sahifa
Static sahifa serverda tayyor HTML fayl sifatida turadi. Dynamic sahifa request vaqtida template va database’dan yaratilishi yoki brauzerda API ma’lumotidan render qilinishi mumkin. Server-side rendering dastlabki HTMLni serverda, client-side rendering esa asosiy UI’ni JavaScript orqali brauzerda hosil qiladi.
Hydration server HTMLiga client event va state mantiqini ulaydi. Server va client bir xil markup yaratmasa hydration mismatch paydo bo‘ladi.
Resurslar va performance
HTML CSS, script, rasm, font va media resurslariga havola qiladi. Render-blocking CSS dastlabki ko‘rinish uchun zarur, ortiqcha JavaScript esa parse va execution vaqtini oshiradi. defer scriptni HTML parsing tugagach tartibli bajaradi. Lazy loading viewportdan uzoq media yuklanishini kechiktiradi.
Cache-Control, compression, CDN va content hash takroriy yuklanishni tezlashtiradi. Core Web Vitals loading, responsiveness va visual stabilityga oid foydalanuvchi tajribasini o‘lchaydi.
Manzil va metadata
Har muhim sahifa barqaror URLga ega. Canonical link bir xil kontentning afzal manzilini bildiradi. Title va description qidiruv natijasi hamda browser tabida ishlatiladi. Open Graph metadata ijtimoiy previewni belgilashi mumkin.
Xavfsizlik
HTTPS uzatishni shifrlaydi. Content Security Policy ruxsat etilgan script va resurs manbalarini cheklaydi. Foydalanuvchi kiritmasi HTMLga kontekstsiz qo‘shilsa XSS yuz beradi. Cookie, forma va API so‘rovlari same-origin, CORS va CSRF qoidalariga mos boshqariladi.
Navigation va tarix
Oddiy link browser historyga yangi yozuv qo‘shadi, Back tugmasi avvalgi sahifaga qaytadi. Single-page router History API orqali URLni yangilasa, server ham shu URL to‘g‘ridan-to‘g‘ri ochilganda kerakli HTMLni qaytarishi kerak; aks holda refresh 404 beradi. Fragment #section hujjat ichidagi elementga yo‘naltiradi va heading uchun share qilinadigan aniq manzil yaratadi. Redirect doimiy yoki vaqtinchalik status bilan eski URLni yangisiga o‘tkazadi. Noto‘g‘ri redirect chain qo‘shimcha latency, loop esa sahifani ochib bo‘lmas holatga olib keladi.
Print stylesheet sahifaning qog‘oz yoki PDF ko‘rinishida navigatsiyani yashirib, mazmunni o‘qiladigan shaklda saqlashi mumkin.