Köhnə HTML elementləri və HTML5-yə yeni olanlar daxildir
Onun inkişafı bir çox il əvvəl başlamış olsa da HTML5 ilk həqiqətən 2010-cu ildə web dizaynerləri / inkişafçıları ilə ümumi istifadə etməyə başlamışdır. Qapının hüdudlarından kənarda, hər şeyə sıfırdan yenidən başlamağa çalışmaq əvəzinə dil çox web mütəxəssislərinə aşiq olmuşdu. daha əvvəl gəldikləri şeylər üzərində qurulmuşdular. HTML 4.01-ni bilən hər kəs tez bir zamanda bu versiyonun bir qədərini HTML5-də tapa bilib.
HTML5-də HTML-də bir müddətdir ətrafında olan bir çox element daxildirsə də, HTML5-ə yeni olan bir neçə element təqdim etdi. Bu yeni elementlərin əksəriyyəti üçün, "cowpaths açmaq" adlı bir yanaşma istifadə edilmişdir. Bu, əsasən, insanların artıq nə etdiyinə və bununla məşğul olduğuna baxmaq deməkdir. Veb-dizaynerlər halında, bu, artıq səhifələri necə qurduqlarını və bu fəaliyyətlərə dair yeni elementlərə qərarların verilməsini nəzərdə tuturdu. Məsələn, bir çox web peşəkarları "header", "nav", "footer" və ya Class özniteliklərini istifadə edən bölmələrlə veb qururlar. Beləliklə, HTML5 bunları yeni elementlər kimi tanıtdı, veb-mütəxəssislər yalnız bölmələr yerinə xüsusi bölmə elementləri istifadə edərək sənədlərinə daha çox məna əlavə etməyə imkan verdi. Təqdimatın və bu təcrübənin tanınmış bir yanaşmasının bu kombinasiyası HTML5-ni veb dizayn sənayesi tərəfindən tez bir zamanda əhatə olunmasına kömək etdi.
HTML5 Doctype
Birincisi, hər hansı bir yeni HTML5 elementi istifadə etmək üçün, sənədiniz aşağıdakı HTML5 doctype daxil olmalıdır:
Bu doctype xüsusi "HTML5" sözü deyil, sadəcə versiyasını "html" kimi bildirir. Bunun səbəbi, bu doctype dilin bütün yinelemeleri üçün irəli sürülməlidir.
Əslində, HTML5, gələcəkdə ardıcıl əsasda yeni dəyişikliklər edildikdə, dilin sonuncu versiyası olmalıdır. Əslində, aşağıda göstərilən siyahıdakı bəzi elementlər 2010-cu ildəki ilk təkandan sonra yaxşı dilə əlavə olundu!
HTML5 Etiketləri
Tag | Şərhlər |
---|---|
Çapa və ya keçid | |
abbr> | Kısaltma |
<ünvan> ünvan> | Sənədin ünvanı və ya müəllifləri |
| Müştəri tərəfində şəkil xəritəsi |
| Məqalə |
Tangensial məzmun | |
Audio axın | |
b> | Bold |
| Sənədə aid elementlər üçün əsas URI yolları |
bdo> | İki yönlü alqoritm |
blockquote> | Uzun tiraj |
body> | Səhifənin bədəni |
| Line fasilə |
| HTML formu düyməsi |
Dinamik qrafik üçün canvas | |
Şərh | |
| Cədvəl başlığı |
cite> | Citation |
code> | Kod referansı |
| Cədvəl sütunu |
| Cədvəl sütunu qruplaşdırılması |
| Səhifədə əmr və ya hərəkət |
Sənədin növü təsviri | |
| Məlumat şəbəkəsi |
Digər nəzarət üçün əvvəlcədən təyin edilmiş seçimlər | |
| Təsvir siyahısı təsviri və ya müzakirə span |
| Silinən mətn |
<ətraflı> detalları> | Əlavə istək məlumatları |
dfn> | Təsvir |
Söhbət | |
div> | Məntiqi bölmə |
| Təsvir siyahısı |
| Tərif siyahısı və ya dialoq spikeri |
em> | Diqqət |
Eklentilər üçün quraşdırılmış element | |
Forma nəzarət qrupu | |
| Mövzu |
| Əlavə mövzu ilə şəkil |
Sayfanın altbilgisi | |
Forma | |
h1> | Birinci səviyyəli başlıq |
h2> | İkinci səviyyəli başlıq |
h3> | Üçüncü səviyyəli başlıq |
h4> | Dördüncü səviyyəli başlıq |
h5> | Beşinci səviyyəli başlıq |
h6> | Altıncı səviyyəli başlıq |
head> | Sənədin rəhbəri |
| Bir səhifənin başlığı |
hgroup> | Başlıq qrupu |
| Yatay qayda |
html> | Web səhifəsinin kök elementi |
i> | Italik mətn tərzi |
Daxili çərçivə | |
Şəkil | |
| Giriş formu elementi |
Düymə formu elementi | |
Checkbox formu elementi | |
| Rəng daxil |
Tarix girişi | |
| Qlobal tarix və vaxt girişi |
Yerli tarix və vaxt girişi | |
E-poçt ünvanı girişi | |
Fayl forma elementini yüklə | |
Gizli forma sahəsi elementi | |
Şəkil forması elementi | |
İl və ay daxil | |
Sayı daxil | |
| Şifrə forması elementi |
| Radio düyməsini forma elementi |
Nöqtə sayı girişi | |
Düymələr forması elementini yenidən qurun | |
Axtarış sahəsi | |
Düymək form elementini göndərin | |
Telefon nömrəsi girişi | |
| Mətn forması forması elementi |
Saat girişi | |
URL giriş | |
İl və həftə daxil | |
ins> | Əlavə mətn |
kbd> | İstifadəçi tərəfindən daxil ediləcək mətn |
| Sertifikat idarə olunması üçün təhlükəsiz düymələri yaradın |
| Forma etiket |
Alan sətrinin başlığı formu | |
| Siyahı maddələri |
Əlaqəli sənədlərə keçid | |
| Bir səhifədə məzmunun əsas sahəsi |
Müştəri tərəfində şəkil xəritəsi | |
mark> | İşarələnmiş və ya vurğulanan mətn |
| Komanda siyahısı |
Sənəd haqqında Meta məlumat | |
| Skalar ölçüsü |
Naviqasiya keçidləri ilə bir sahəni təyin edin | |
Skriptlər mövcud deyilsə məzmun | |
Qeyri-standart obyekt | |
| Sifarişli və ya nömrələnmiş siyahı |
Seçilən siyahıdakı seçim qrupu | |
| Seçilən siyahıdakı seçim |
Formanın hesablanması nəticəsində | |
p> | Paraqraf |
Bir obyekt elementinin parametrləri | |
pre> | Ön formatlı mətn |
| Tərəqqi göstəricisi |
q> | Qısa daxil olan kotirovka |
Ruby parantezi | |
Ruby mətni | |
ruby> | Ruby annotasiyası |
| Strikeout mətn |
samp> | Nümunə çıxışı |