HTML 5 dodaje wiele nowych funkcji do specyfikacji HTML i jest łatwy w implementacji. Używasz typowego dokumentu HTML 5, który jest prosty i usprawniony:
Tak, to jest to. Tylko dwa słowa "doctype" i "html". Może to być tak proste, ponieważ HTML 5 nie jest już częścią SGML, ale zamiast tego jest samodzielnym językiem znaczników.
Zestaw znaków dla HTML 5 jest również usprawniony. Używa UTF-8 i definiujesz go za pomocą tylko jednego metatagu:
Nowa struktura HTML 5
HTML 5 rozpoznaje, że strony mają strukturę, podobnie jak książki i inne dokumenty XML mają strukturę. Ogólnie strony internetowe zawierają treści nawigacyjne, treść treści, zawartość paska bocznego, nagłówki, stopki i inne funkcje. HTML 5 zawiera znaczniki do obsługi tych elementów strony. Oni są:
definiuje sekcje stron.
definiuje nagłówek strony.
definiuje stopkę strony.
definiuje nawigację na stronie.
definiuje artykuł lub podstawowe treści na stronie.
definiuje dodatkowe treści, takie jak pasek boczny na stronie.
definiuje obrazy, które opisują artykuł.
HTML 5 nowych elementów wbudowanych
Nowe elementy śródliniowe definiują podstawowe pojęcia i utrzymują je semantycznie zaznaczone:
wskazuje zawartość oznaczoną w pewien sposób.
wskazuje treść, która jest datą lub czasem.
wskazuje zawartość, która jest ułamkiem znanego zakresu, na przykład użycie dysku.
wskazuje postęp zadania do ukończenia.
Obsługa HTML 5 nowych stron dynamicznych
HTML 5 został opracowany, aby pomóc programistom aplikacji internetowych, więc istnieje wiele nowych funkcji, które ułatwiają tworzenie dynamicznych stron HTML:
Menu kontekstowe - HTML 5 obsługuje tworzenie i używanie menu kontekstowych na stronach internetowych i w aplikacjach.
href nie jest wymagany w tagu. Pozwala to na używanie znacznika ze skryptami i aplikacjami internetowymi bez konieczności wysyłania kotwicy.
atrybut async - Jest dodawany do znacznika skryptu, aby poinformować przeglądarkę, że skrypt powinien być ładowany asynchronicznie, aby nie spowalniał obciążenia i wyświetlania reszty strony.
- Zawiera szczegółowe informacje na temat elementu. Byłoby to jak etykietki narzędzi w aplikacjach innych niż internetowe.
tworzy tabelę zbudowaną na bazie danych lub innym dynamicznym źródle.
jest starym tagiem przywróconym i nowym życiem pozwalającym na stworzenie systemu menu na twoich stronach internetowych.
definiuje akcje, które powinny się zdarzyć, gdy aktywny jest element dynamiczny.
HTML 5 nowych typów formularzy
HTML 5 obsługuje wszystkie standardowe typy danych wejściowych, ale dodaje jeszcze kilka:
datetime
datetime-local
data
miesiąc
tydzień
czas
numer
zasięg
e-mail
adres URL
HTML 5 nowych elementów
W HTML 5 jest kilka ekscytujących nowych elementów:
- Ten element daje ci miejsce do rysowania w JavaScript na twoich stronach internetowych. Może dodawać obrazy lub wykresy do podpowiedzi lub tworzyć dynamiczne wykresy na twoich stronach internetowych, zbudowane w locie.
- Dodaj wideo do swoich stron za pomocą tego prostego tagu.
- Dodaj dźwięk do swoich stron za pomocą tego prostego tagu.
HTML 5 usuwa niektóre elementy
Niektóre elementy w HTML 4 nie są już obsługiwane przez HTML 5. Większość z nich jest już przestarzała i nie powinna dziwić. Oni są:
