Informatika va at

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 sintaks turlarini ishlatishga imkon yaratib bergan.


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

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

Teglar Izohlar
HTML5 Grafikalari

JavaScript yordamida grafikli tasvir 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> va
	Video tasvirli kontentni izohlaydi

HTML semantika

S emantika - 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

Brauzer Qo’llab-quvvatlanishi

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 veb-sahifalar HTML kodlarida navigation, header va footerlarni:

,

,

ko'rinishida ifodalashadi.

HTML5 esa buni osonlashtirish maqsadida yangi semantik elementlarni o'z ichiga olgan:

• 
  < article>
  
• 
  
  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  
  

  
  

  
  

  
  

  
  

  
  < summary>
  

  
  
  

_Elementi"> HTML5da

Elementi

elementi dokumentdagi 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 ...

HTML5 uslublar

HTMLda 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.

Yahshi joylashtirilgan "XHTML ga yaqin bo’lgan" sintaksis eng maqbul yechimdir.


... Doimo kodlaringizni mukammal, aniq va yaxshi shakllangan holatda yaratishga harakat qiling.


To’gri Dokument turlaridan foydalanish
Doimo dokument turini birinchi qatorlardayoq dokumentga 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.