Nowych elementów HTML5
Od 1999 roku, HTML 4.01 wiele się zmieniło. Dzisiaj, kilka z HTML 4.01 były przestarzałe, a te elementy zostały usunięte lub nowo w HTML5.
Aby lepiej obsługiwać dzisiejsze aplikacje internetowe, HTML5 dodaje wiele nowych elementów i funkcji, takich jak: renderowania grafiki, multimediów, lepsze struktury strony, lepszej formie obróbki, a kilka api przeciągnij i upuść elementy, pozycjonowanie, Wraz z aplikacji internetowej buforowanie, przechowywanie, pracownik www, i tak dalej.
Nowych elementów HTML5
Poniżej znajduje się lista nowych elementów HTML5, a także opis czego służą.
Nowy semantyczna / elementów konstrukcyjnych
HTML5 oferuje nowe elementy dla lepszej struktury dokumentu:
| Etykietka | Opis |
|---|---|
| <article> | Definiuje artykuł w dokumencie |
| <aside> | Definiuje zawartość oprócz zawartości strony |
| <bdi> | Definiuje część tekstu, który może być sformatowany w innym kierunku od innego tekstu |
| <details> | Definiuje dodatkowe dane, które użytkownik może wyświetlić lub ukryć |
| <dialog> | Definiuje okno lub okno |
| <figcaption> | Określa podpis do <figure> elementu |
| <figure> | Definiuje zawartość samodzielne, jak ilustracji, diagramów, zdjęć, itp listingów |
| <footer> | Definiuje stopkę do dokumentu lub sekcji |
| <header> | Definiuje nagłówek dokumentu lub sekcji |
| <main> | Definiuje główną treść dokumentu |
| <mark> | Określa oznaczony lub zaznaczony tekst |
| <menuitem> | Określa polecenie / menu, które Użytkownik może wywołać z menu kontekstowego |
| <meter> | Określa pomiar skalarne w znanym zakresie (a gauge) |
| <nav> | Definiuje linków nawigacyjnych w dokumencie |
| <progress> | Określa postęp zadania |
| <rp> | Określa, co pokazują w przeglądarkach, które nie obsługują ruby adnotacji |
| <rt> | Definiuje Wyjaśnienie / wymówienie znaków (dla Azji Wschodniej typografii) |
| <ruby> | Definiuje ruby adnotacji (for East Asian typography) |
| <section> | Definiuje sekcję w dokumencie |
| <summary> | Definiuje nagłówek widoczny na <details> elementu |
| <time> | Określa datę / godzinę |
| <wbr> | Określa ewentualne korekty-break |
Czytaj więcej o HTML5 semantyki .
New Form Elements
| Etykietka | Opis |
|---|---|
| <datalist> | Definiuje predefiniowanych opcji kontroli wejściowych |
| <keygen> | Określa pole generator key-pair (for forms) |
| <output> | Definiuje wynik obliczeń |
Przeczytaj wszystko o starych i nowych elementów formularzy w HTML Form Elements .
Nowe typy wejściowe
| Nowe typy wejściowe | Nowe atrybuty wskazujące |
|---|---|
|
|
Dowiedz się wszystkiego o starych i nowych typów wejściowych w HTML typów wejść .
Dowiedz się wszystkiego o wejście atrybutów HTML wejściowe atrybuty .
HTML5 - Nowy Atrybut Składnia
HTML5 umożliwia cztery różne składnie dla atrybutów.
Ten przykład pokazuje różne składnie używane w <input> tagu:
| Rodzaj | Przykład |
|---|---|
| Pusty | <input type="text" value="John" disabled > |
| nienotowanego | <input type="text" value=John > |
| Dwukrotnie cytowany | <input type="text" value="John Doe" > |
| Single-notowane | <input type="text" value='John Doe' > |
W HTML5, wszystkie cztery składnie mogą być stosowane, w zależności od tego, co jest potrzebne do atrybutu.
HTML5 Graphics
| Etykietka | Opis |
|---|---|
| <canvas> | Definiuje rysunek graficzny przy użyciu JavaScript |
| <svg> | Definiuje rysunek graficzny z wykorzystaniem SVG |
Czytaj więcej o HTML5 Canvas .
Czytaj więcej o HTML5 SVG .
New Media Elements
| Etykietka | Opis |
|---|---|
| <audio> | Definiuje dźwięku lub muzyki treść |
| <embed> | Określa pojemników do stosowania zewnętrznego (like plug-ins) |
| <source> | Definiuje źródła dla <video> i <audio> |
| <track> | Definiuje utworów dla <video> i <audio> |
| <video> | Definiuje treści wideo lub film |
Czytaj więcej o HTML5 Wideo .
Czytaj więcej o HTML5 audio .