Noi elemente în HTML5
Mai jos este o listă a noilor elemente HTML5, precum și o descriere a ceea ce acestea sunt utilizate pentru.
Noua semantic / elemente structurale
HTML5 oferă noi elemente pentru o mai bună structură de documente:
| Etichetă | Descriere |
|---|---|
| <article> | Definește un articol în document |
| <aside> | Definește conținut în afară de conținutul paginii |
| <bdi> | Definește o parte din text care ar putea fi formatate într-o direcție diferită de alte texte |
| <details> | Definește detalii suplimentare pe care utilizatorul poate vizualiza sau a ascunde |
| <dialog> | Definește o casetă de dialog sau o fereastră |
| <figcaption> | Definește o legendă pentru un <figure> Element |
| <figure> | Definește conținutul de sine stătător, cum ar fi ilustrații, diagrame, fotografii, liste de cod, etc. |
| <footer> | Definește un subsol pentru document sau o secțiune |
| <header> | Definește un antet pentru document sau o secțiune |
| <main> | Definește conținutul principal al unui document |
| <mark> | Defineste marcate sau evidențiate de text |
| <menuitem> | Definește un element de comandă / meniu pe care utilizatorul le poate invoca dintr-un meniu pop-up |
| <meter> | Definește o măsurătoare scalar într - un interval cunoscut (a gauge) |
| <nav> | Definește link-uri de navigare în document |
| <progress> | Definește progresul unei sarcini |
| <rp> | Definește ce să arate în browsere care nu acceptă ruby adnotări |
| <rt> | Definește o explicație / pronunțat de caractere (pentru tipografie din Asia de Est) |
| <ruby> | Definește un ruby adnotare (for East Asian typography) din (for East Asian typography) de (for East Asian typography) |
| <section> | Definește o secțiune în document |
| <summary> | Definește o poziție vizibilă pentru <details> Element |
| <time> | Definește o data / ora |
| <wbr> | Definește o posibila linie-break |
Cititi mai multe despre HTML5 Semantica .
Formular nou Elemente
| Etichetă | Descriere |
|---|---|
| <datalist> | Definește opțiunile predefinite pentru controalele de intrare |
| <keygen> | Definește un domeniu cheie pereche Generator (for forms) |
| <output> | Definește rezultatul unui calcul |
Citiți totul despre elemente vechi și noi în formă HTML Form Elements .
Noi tipuri de intrare
| Noi tipuri de intrare | Atribute noi de intrare |
|---|---|
|
|
Aflați mai multe despre toate tipurile de intrare vechi și noi în HTML Tipuri de intrare .
Aflați totul despre atributele de intrare în atributele HTML de intrare .
HTML5 - atribut nou sintaxă
HTML5 permite patru sintaxe diferite pentru atribute.
Acest exemplu demonstrează diferitele sintaxe utilizate într - un <input> tag:
| Tip | Exemplu |
|---|---|
| Gol | <input type="text" value="John" disabled > |
| necitate | <input type="text" value=John > |
| Dublu-citat | <input type="text" value="John Doe" > |
| Single-citat | <input type="text" value='John Doe' > |
În HTML5, pot fi folosite toate cele patru sintaxe, în funcție de ceea ce este necesar pentru atributul.
HTML5 Graphics
| Etichetă | Descriere |
|---|---|
| <canvas> | Definește desen grafic folosind JavaScript |
| <svg> | Definește desen grafic folosind SVG |
Cititi mai multe despre HTML5 Canvas .
Citiți mai multe despre HTML5 SVG .
Noi elemente Media
| Etichetă | Descriere |
|---|---|
| <audio> | Definește sunet sau muzică de conținut |
| <embed> | Definește containere pentru aplicații externe (like plug-ins) - (like plug-ins) |
| <source> | Definește surse pentru <video> și <audio> |
| <track> | Definește piese pentru <video> și <audio> |
| <video> | Definește video sau un film de conținut |
Cititi mai multe despre HTML5 video .
Cititi mai multe despre HTML5 audio .