Sahifa sarlavhasi

Yangi Semantik/Strukturali Elementlar

HTML5 yangi turdagi strukturali elementlari:

Teglar	Izohlari
	Turli maqola kabi matnlar uchun foydalaniladi
	Sahifa kontentining qirg’og’ida chop etish uchun ishlatiladi
	Boshqa matndan turli xil yo’llar orqali biror matnnig qismini tahrirlashni izohlaydi.
	Foydalanuvchi ko’ra olishi yoki yashirib qo’ya oladigan qo’shimchadetallarn
	Dialog quti yoki oynasini izohlaydi
	elementi uchun sarlavha yozadi
	O’z- ozini to’ldiradigan kontentni izohlaydi,masalan diagramma , rasmlar, va hokazo.
	Sahifa uchun footer(Eng ostki qisimdagi ma’lumot, manzil va kontakt kabilar ) bo’lim yaratadi
	Sahifa uchun sarlavha qismini yaratadigan tegni izohlaydi
	Asosiy kontent yaratishga yordam beradi
	Alohida ajratib ko’rsatilgan tekstni izohlaydi
	Buyruq/menyu bo’limlarini yaratishga imkon beradi
	Skalyar o’lchov belgilarini izohlab keladi
	Navigatsion linklarni izohlaydi
	Vazifalarning progresini izohlaydi
	Brauzer rubyni qollab quvatlay olmaganda nima ko’rsatishni izohlaydi
	Ruby ishlatilganini izohlab keladi
	Sahifadagi bolim- qismini izohlaydi
	Ko&039;rinib turgan sarlavhadagi detallarni izo&039;hlaydi
	Sana/vaqtni izohlaydi
	Ehtimoliy qatorlar bolinishini izohlaydi

Yangi forma elementlari

Teglar	Izohlari
	Defines pre-defined options for input controls
	key-pair generator(formalar uchun)
	Hisob-kitob natijalarini chop etish uchun

Yangi input elementi turlari

Yangi kiritish turlari	Yangi kiritish atributlari
color (rang) date (sana) datetime (sanavaqti) datetime-local (mahalliy vaqt) email month (oy) number (raqam) range (miqdor) search (qidiruv) tel (telefon raqami) time (vaqt) url (url manzil) week (hafta)	autocomplete (avtomatik tarzda to’ldirish) autofocus () form () formaction () formenctype() formmethod () formnovalidate () formtarget () height and width () list () min and max () multiple () pattern (regexp)() placeholder () required () step()

HTML5 - yangi atributlar sintaksisi

HTML5 turli xil sintaksis turlarini ishlatishga imkon yaratib bergan.

Ushbu misollar sizga turli xil teglarni ishlatishda qo’llanma bo’ladi degan umiddamiz:

Turlari	Misollar
Bo’sh
quotasiz
Ikki-quotali
Bir-quotali

HTML5da, shu kabi barcha sintaksislarni ishlatsa bo’ladi, qanday atribut ishlatish esa o’z didingizga bog’liq.

HTML5 grafikalari

Teglar	Izohlar
	JavaScript yordamida grafikli tasvir yaratishga yordam beradi
	SVG yordamida grafik yaratishga yordam beradi

HTML5 yangi media elementlar

Teglar	Izohlar
	Ovozli yoki musiqali kontentni izohlaydi
	Tashqi dasturlar (masalan plaginlar) uchun mahsus konteyner ajratishga yordam beradi
	Video tasvirli kontentni izohlaydi

Semantika - bu so'z va frazalarning ma'nosini o'rganish hisoblanadi

Semantik elementlar esa oz ma'nosiga ega elementlardir

Semantik elementlar o'zi nima?

Semantik elementlar dasturchi hamda brauzerlarga tushinarli bo'lgan umumiy tushinchalardir
non-semantik(Semantik bo'lmagan) elementlar:

va - O'z kontenti haqida hech qanday ma'lumot berolmaydi
Semantik elementlar:

, va - esa o'z kontentini to'liq izohlay oladi
HTML5 semantik elementlarini barcha zamonaviy brauzerlarda to'liq qo'llasa bo'ladi.
Bundan tashqari eski brauzerlarni esa bu elementlarni qo'llashga moslashtirilsa bo'ladi.

HTML5 yangi semantik elementlar

Ko'plab web-sahifalar HTML kodlarida navigation, header va footerlarni:

,

,

ko'rinishida ifodalashadi.
HTML5 esa buni osonlashtirish maqsadida yangi semantik elementlarni o'z ichiga olgan:

• 
  
  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  
  

HTML5da

elementi

elementi Hujjatdagi bir bo’limni bildiradi.
W3C(World Wide Web Consortium)ning HTML5 dokumetiga ko’ra: "section kontentni bir mavzuga ko’ra guruhlangani va odatda sarlavhasi bilan".
Web sahifani bir betini kirish, asosiy kabi section laga bo’lish mumkin.

Namuna:

WWF

The World Wide Fund for Nature (WWF) is....

HTML kod yozish qoidalari

Ko’pgina dasturchilar HTML sintaksisi va kodlash uslublari haqida noaniq tushunchalarga egalar.
2000 va 2010 yillar oraligida ko’plab dasturchilar HTML dan XTMLga o’tishga majbur bo’lib qolishdi.
Chunki XHTML, dasturchilarga mukammal kod yozish imkonini berardi.
HTML5 ga kelganda esa bir oz ehtiyotkorroq bo’lish talab qilinadi.
Shuning uchun HTML5da o’z uslubingizni yarata olishingiz kerak.

Mukammal va kelajakda foydali uslublar

Uslublardan izchil foydalanish HTML kodingizni boshqalar uchun osonroq tushunishga va foydalanishga yo’l ochadi.
Kelajakda esa XML dasturlari ham sizning HTML kodlaringizni o’qishga qiynalmaydi.
Yaxshi joylashtirilgan "XHTML ga yaqin bo’lgan" sintaksis eng maqbul yechimdir.
... Doimo kodlaringizni mukammal, aniq va yaxshi shakllangan holatda yaratishga harakat qiling.

To’gri hujjat turlaridan foydalanish

Doimo Hujjat turini birinchi qatorlardayoq Hujjatga kiritib qo’ying:

Agarda kichik harflardan foydalanmoqchi bo’lsangiz bu ham xato emas:

Element nomlarida doimo kichik harflardan foydalaning

HTML5, element nomlarini katta va kichik harflarda yozishga imkoniyat beradi.
Element nomlarida kichik harflardan foydalanishingizni tavsiya qilamiz:

• 
  Katta va kichik harflarni aralashtirib yozish yaxshi emas
  
• 
  Dasturchilar asosan kichik harflardan foydalanishadi(XHTML dagidek)
  
• 
  Kichik harflar tushunarliroq
  
• 
  Kichik harflarni yozish onsonroq
  

Yomon:

Mening Paragrafim.

Juda Yomon:

Mening Sahifam.

Yaxshi:

Mening Sahifam.

Barcha HTML element teglarini yoping

HTML5 da, barcha element teglarini yopish shart emas misol uchun:

Biz shunchaki HTML element teglarini yopishni maslahat beramiz:

Yomon ko’rinish:

Mening birinchi sahifam.

Mening ikkinchi sahifam.

Yaxshi ko’rinish:

Mening birinchi paragrafim.

Mening ikkinchi paragrafim.

Bo’sh HTML elementlarini yoping

HTML5da, bo’sh element teglarini yopish ixtiyoriydir
Bu to’g’ri:

Bu ham to’g’ri:

Slesh (/) XHTML vaa XMLda doimo ishlatilishi zarur.
Agarda siz XML dasturini web-sahifaga kiritib o’tsangiz, bu juda ham ajoyib bo’ladi.