HTML5 (Hyper Text Markup >

İnternet şəbəkəsi üçün məzmunu qurmaq və təqdim etmək üçün istifadə olunan İnternet texnologiyalarının əsas göstəriciləridir. 2014-cü il 28 oktyabr tarixindən etibarən bu , World Wide Web Consortium (W3C) HTML standartının son və tam beşinci versiyasıdır. Əvvəlki versiya, HTML 4, 1997-ci ildə standartlaşdırıldı.

18 yanvar 2011-ci ildə W3C HTML5-də istifadə və ya maraq göstərən bir loqosu təqdim etdi. Daha əvvəl W3C tərəfindən nəşr olunan digər simvollardan fərqli olaraq, bu, müəyyən bir standarta etibarlılıq və ya uyğunluq demək deyil. 2011-ci il aprelin 1-dən etibarən, bu loqotip rəsmidir.

Qeyd " termini müasir veb texnologiyalarına istinad etmək üçün geniş istifadə olunur, əksər hallarda WAT ​​və IETF ilə birlikdə bəzi hallarda WHATWG-də bir çoxları inkişaf edir. (WHATWG bu HTML5 mi? )

Sələflərinə ( HTML 4.1 və XHTML 1.0 ) nisbətən müqayisədə, HTML5 yeni elementləri, o cümlədən bəzi JavaScript xüsusiyyətlərini təqdim edir:

HTML5 tərifi 2012-ci ilin dekabrında tamamlandı (Canvas 2D ilə birlikdə). HTML5, noyabr 2016 -da HTML 5.1 formatında W3C tövsiyəsi və 2017-ci ilin dekabrında isə HTML 5.2 formatında əvəz edilmişdir. Növbəti W3C HTML standartlaşdırma mərhələsi artıq HTML 5.3 layihəsi kimi təqdim olunur.


: , , ,


HTML5 <video> Element

<video> elementi video klip və ya digər video axınları kimi bir videonu göstərir.

Hal-hazırda <video> elementi üçün 3 dəstəklənən video formatı var: MP4 , WebMOgg :

<video> elementi Internet Explorer 9 +, Firefox, Opera, Chrome və Safari-də dəstəklənir.

Qeyd Internet Explorer 8 və əvvəlki versiyaları maddəni dəstəkləmir.


HTML5 elementi <audio>

<audio> elementi musiqi və digər audio axınları kimi səsləri müəyyən edir.

Hal-hazırda, <audio> elementi üçün 3 dəstəklənən fayl formatları var: MP3 , WAVOgg :

<audio> elementi Internet Explorer 9 +, Firefox, Opera, Chrome və Safari-də dəstəklənir.

Qeyd Internet Explorer 8 və əvvəlki versiyaları <audio> elementini dəstəkləmir.


HTML5 <canvas>

HTML <canvas> skriptləri (adətən JavaScript) istifadə edərək, qrafikləri cəlb etmək üçün istifadə olunur.

<canvas> qrafika üçün yalnız bir konteynerdir. Grafiği çəkmək üçün bir skriptdən istifadə etməlisiniz.

Canvas yolları, sahələri, dairələri, mətnləri çəkmək və şəkillər əlavə etmək üçün bir neçə yola malikdir.

Internet Explorer 9 +, Firefox, Opera, Chrome və Safari <canvas> dəstək verir.

Qeyd Internet Explorer 8 və daha əvvəlki versiyaları <canvas> .


Yeni HTML5 forması elementləri

HTML5 aşağıdakı yeni forma elementlərinə malikdir:

  • <datalist>
  • <output>

Qeyd Bütün əsas brauzerlər bütün yeni form elementlərini dəstəkləmir. Ancaq bunları artıq istifadə edə bilərsiniz; Onlar dəstəklənməsə, onlar normal mətn sahələri kimi davranacaqlar.

HTML5 <datalist> Element:

<datalist> <input> elementi üçün əvvəlcədən təyin edilmiş parametrlərin siyahısını əks etdirir.

<datalist> <input> elementlərində "autocomplete" funksiyasını təmin etmək üçün istifadə olunur. Məlumat daxil edərkən, istifadəçilər əvvəlcədən təyin edilmiş bir seçimlərin bir açılır siyahısı görürlər.

<datalist> ilə əlaqələndirmək üçün istifadə edin.

HTML5 <output> Element:

<output> elementi hesablamanın nəticəsini əks etdirir (məsələn, skript tərəfindən icra edilir).


Yeni HTML5 formasının xüsusiyyətləri

HTML5 <form><input> üçün bir neçə yeni atributları var.

<form> üçün yeni atributlar:

  • autocomplete
  • NOVALIDATE

<input> üçün yeni atributlar:

  • autocomplete
  • otofokus
  • forma
  • formaction
  • formenctype
  • forma üsulu
  • formnovalidate
  • formarget
  • hündürlüyü və genişliyi
  • siyahı
  • min və max.
  • çoxdur
  • model (regexp)
  • yer tutucu
  • məcburi
  • addım

Autocomplete Özniteliği

Avtomatik tamamlama xüsusiyyəti autocomplete formu və ya giriş sahəsini aktivləşdirmək və ya aradan buraxmağı göstərir.

Avtomatik tamamlama işə salındıqda, brauzer əvvəllər istifadəçi tərəfindən daxil edilən dəyərlərə əsasən dəyərləri doldurur.

Şurası Bəzi giriş sahələri üçün və ya əksinə formada "on" və "off" autofilling olması mümkündür.

Qeyd Avtomatik tamamlama özniteliği aşağıdakı növləri ilə işləyir: mətn, axtarış, URL, telefon, e-poçt, parol, tarix, aralık və rəng.

2. İnnovasiya xüsusiyyətləri

Novalidate özniteliği məntiqi bir xüsusiyyətdir.

Mövcud olduqda, bu forma məlumatlarının (giriş) təqdim edilmədikdə yoxlanılmamasını göstərir.

3. Otofokus xüsusiyyət

Otofokus xüsusiyyətləri məntiqi bir xüsusiyyətdir.

Mövcud olduğunda, bu səhifə <input> elementinin avtomatik yüklənməsinin səhifə yükləndiyini göstərir.

4. Formanın xüsusiyyətləri

Forma atributu <input> elementinin aid olduğu bir və ya daha çox formu göstərir.

Şurası Birdən çox formana daxil olmaq üçün, boşluqlar ilə ayrılan form identifikatorlarının siyahısını istifadə edin.

5. Formanın xüsusiyyətləri

Formaction atributu, forma təqdim edildikdə giriş nəzarətini işləyəcək faylın URL'sini müəyyənləşdirir.

Formaction atributu <form> elementinin fəaliyyət xüsusiyyətini qüvvədə saxlayır.

Qeyd Formaction atributu type = "submit" və type = "image" ilə istifadə olunur.

Formenctype atributu

Formenctype atributu serverə göndərildikdə forma məlumatlarının necə kodlanacağını müəyyənləşdirir (yalnız = post üsulu olan formalar üçün)

Formenctype özniteliği, <form> elementinin enctype atributunu əvəz edir.

Qeyd Formenctype özniteliği type = "submit" və type = "image" ilə istifadə olunur.

7. Öznitelik forması metodu

Formmethod özniteliği, forma verisini bir fəaliyyət URL'sinə göndərmək üçün HTTP üsulunu müəyyənləşdirir.

Formmethodun atributu <form> elementinin metod xüsusiyyətini əvəz edir.

Qeyd Formalaşdırma metodu, növü = "təqdim" və type = "image" ilə istifadə edilə bilər.

8. formnovalidate atributu

Novalidate özniteliği məntiqi bir xüsusiyyətdir.

Əgər varsa, bu, <input> elementinin göndərilməsində yoxlanılmadığını göstərir.

Formnovalidate atributu <form> elementinin novialidat xüsusiyyətini ləğv edir.

Qeyd Formnovalidate özniteliği növü = "təqdim et" ilə istifadə edilə bilər.

9. formarget xüsusiyyət

Formarget özniteliği formun təqdim edildikdən sonra alınan cavabın nereden görüntüleneceğini gösteren bir ad və ya açar sözü belirtir.

Formtarget atributu, <form> elementinin hədəf atributunu əvəz edir.

Qeyd Formtarget özniteliği type = "submit" və type = "image" ilə istifadə edilə bilər.

10. Boy və genişlik xüsusiyyətləri

Hündürlük və genişlik xüsusiyyətləri <input> elementinin hündürlüyü və genişliyini müəyyən edir.

Qeyd Hündürlük və eni xüsusiyyətləri yalnız <input type="image"> .

Şurası Həmişə hündürlüyü və genişlik xüsusiyyətlərini şəkillər üçün təyin edin. Hündürlük və genişlik göstərildikdə, səhifə yüklənərkən şəkil üçün tələb olunan yer saxlanılır. Ancaq bu xüsusiyyətlər olmadan, brauzer imajın ölçüsünü bilmir və bunun üçün uyğun bir yer ehtiva edə bilməz. Təsiri yüklənərkən səhifə təsvirinin dəyişəcəyini göstərəcəkdir (şəkilləri yükləyərkən).

11. siyahısı xüsusiyyət

Siyahı atributu <input> elementi üçün əvvəlcədən təyin edilmiş parametrləri olan bir <datalist> aiddir.

12. min və maksimum xüsusiyyətləri

Min və max atributları <input> elementi üçün minimum və maksimum dəyərləri müəyyən edir.

Qeyd Min və max xüsusiyyətləri aşağıdakı giriş növləri ilə işləyir: tarix, sıra, tarix, tarix, tarix - yerli, ay, vaxt və həftə.

13. çox xüsusiyyət

Bir çox xüsusiyyət məntiqi bir xüsusiyyətdir.

Mövcud olduqda, istifadəçinin <input> elementində birdən artıq dəyərə girməsinə icazə verdiyini bildirir.

Qeyd Çox xüsusiyyət, aşağıdakı giriş növləri ilə işləyir: e-poçt və fayl.

14. nümunəvi xüsusiyyət

Nümunə atributu, <input> elementinin dəyərinin yoxlanıldığı normal ifadəni göstərir.

Qeyd Nümunə atributu aşağıdakı giriş növləri ilə işləyir: mətn, axtarış, URL, telefon, e-poçt və parol.

Şurası İstifadəçiyə kömək etmək üçün şablon təsvir etmək üçün qlobal başlıq xüsusiyyətindən istifadə edin.

15. Faylın xüsusiyyətləri

Yer tutucusunun atributu giriş sahəsinin gözlənilən dəyərini (məsələn, təxmin edilən dəyər və ya gözlənilən formatın qısa təsviri) təsvir edən qısa bir işarəni göstərir.

İpucu giriş boşluğunda boş olduqda göstərilir və sahə diqqət alan zaman yox olur.

Qeyd Yer tutucu özniteliği aşağıdakı giriş növləri ilə işləyir: mətn, axtarış, URL, telefon, e-poçt və parol.

16. Lazım nitelik

Tələb edilən bir atribut məntiqi bir xüsusiyyətdir.

Hazırda, bu forma təqdim etməzdən əvvəl giriş sahəsinin doldurulması lazım olduğunu göstərir.

Qeyd Lazım olunan xüsusiyyət aşağıdakı giriş növləri ilə işləyir: mətn, axtarış, URL, telefon, e-poçt, parol, tarix seçiciləri, nömrələr, onay qutusu, radio və fayl.

17. Atribut addımı

Adım atributu, <input> elementi üçün hüquqi sayda aralar göstərir.

Misal: əgər addım = "3", hüquqi nömrələr -3, 0, 3, 6, və s. Ola bilər.

Şurası Adım xüsusiyyətləri bir sıra qanuni dəyərlər yaratmaq üçün maksimum və min xüsusiyyətləri ilə istifadə edilə bilər.

Qeyd Adım atributu aşağıdakı giriş növləri ilə işləyir: sayı, aralık, tarix, tarix, tarix - yerli, ay, vaxt və həftə.


HTML5 -də və ya HTML5 Rocks-da Dive kimi bir neçə sayt quraşdırılıb.

Hər funksiyanın müxtəlif veb brauzerlərdə fərqli dəstək səviyyəsi var. CanIUse.comHTML5Test əla cross-browser uyğunluğu məlumatları var.

HTML5 əvvəlki standartları birləşdirir; Buna görə də, mövcud məzmunla geri uyğun gəlir. Ancaq köhnəlmiş əşyalar artıq köhnə kimi təsnif edilir.

burada HTML5 spesifikalarını buraxdı.

WHATWG HTML5-də HTML Living standartı üzərində işləyir və iki yol bir qədər ayrılır.

Resurslar

kitablar