HTML5 Yangi Elementlari

HTML5 Yangi Elementlari


Ushbu bo’limda biz HTML5 dagi yangi elementlar va ularning izohlari haqida to’xtalib o’tamiz.


Yangi Semantik/Strukturali Elementlar

HTML5 yangi turdagi strukturali elementlari:

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

Bu haqida batafsil HTML5 Semantikasi da o’qing


Yangi Forma Elementlari

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

Barcha yangi va eski form elementlari haqida HTML Form Elementlari da o’qing.


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()

Barcha yangi va eski input elementi turlari haqida HTML Input Elementi Turlari da o’qing.

Barcha input elementi atributlari to’g’risida HTML Input Elementi Atributlari da o’qing.


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:

Turlari Misollar
Bo’sh <input type="text" value="John" disabled>
quotasiz <input type="text" value=John>
Ikki-quotali <input type="text" value="John Doe">
Bir-quotali <input type="text" value='John Doe'>

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


HTML5 Grafikalari

Teglar Izohlar
<canvas> JavaScript yordamida grafikli tasvir yaratishga yordam beradi
<svg> SVG yordamida grafik yaratishga yordam beradi

HTML5 Canvas haqida quyidagi bobdan o’qing.

HTML5 SVG haqida quyidagi bobdan o’qing.


HTML5 Yangi Media Elementlar

Teglar Izohlar
<audio> Ovozli yoki musiqali kontentni izohlaydi
<embed> Tashqi dasturlar (masalan plaginlar) uchun mahsus konteyner ajratishga yordam beradi
<source> <video> va <audio> elemetlari manbalarini belgilaydi
<track> <video> va <audio> elementlari treklarini belgilaydi
<video> Video tasvirli kontentni izohlaydi

HTML5 Video haqida quyidagi bobdan o’qing.

HTML5 Audio haqida quyidagi bobdan o’qing.


Innovative Lab web sahifasiga xush kelibsiz biz bilan birga IT sohasidagi o'z bilimlaringizni bosqichma-bosqich oshirib boring!


Telegram kanalimizdan kunlik darslarni o'rganing  

TOSHKENT SHAHRIDAGI INHA UNIVERSITETI - 2017