Odkąd HTML 4 stał się standardem w 1999 roku, Internet bardzo się zmienił. Obecnie niektóre elementy HTML 4 są już przestarzałe, bądź też nie używane lub nie były używane nie zgodnie z ich przeznaczeniem. Aby ulepszyć znaczniki szablonów, programiści zaczęli używać tagów i technik HTML5. Obecnie większość stron korzysta już z nowych tagów oferowanych w HTML 5. W poniższej tabeli pogrupowałam oraz opisałam krótko funkcjonalność każdego z nich.
1. Nowe znaczniki
Tag
Opis
<article>
Określa niezależną, samodzielną zawartość, może to być artykuł z wiadomościami, post na blogu, post na forum lub inne artykuły, które mogą być rozpowszechniane niezależnie od reszty naszej witryny.
<aside>
Stosujemy dla treści poza treścią, w której jest umieszczona. Poboczna treść powinna być związana z otaczającą treścią
<command>
Przycisk, przycisk radio lub pole wyboru. Obecnie tylko IE9 wspiera typ command
<details>
Do opisywania szczegółów dotyczących dokumentu lub części dokumentu
<summary>
Podpis lub podsumowanie wewnątrz elementu <details>
<figure>
Stosujemy w przypadku grupowania sekcji samodzielnych treści, może to być np: wideo
<figcaption>
Podpis sekcji <figcaption>
<footer>
Stopka dokumentu lub sekcji. Może zawierać imię i nazwisko autora, datę dokumentu, dane kontaktowe lub informacje o prawach autorskich
<header>
Wprowadzenie do dokumentu lub sekcji może obejmować np: nawigację
<hgroup>
Stosujemy w przypadku grupowania sekcji nagłówków, używając <h1> do <h6> , gdzie największy jest głównym nagłówkiem sekcji, a pozostałe będą podtytułami
<mark>
Stosujemy w przypadku tekstu, który powinien być wyróżniony
<meter>
Używamy do wskazania przedziału, tylko wtedy gdy znane są wartości maksymalne i minimalne
<nav>
Sekcja navigacji
<progress>
Stan pracy w toku
<ruby>
Do adnotacji ruby (chińskie notatki lub znaki), jest to mały tekst który jest adnotacją dołączoną do tekstu głównego
<rt>
Wyjaśnienie do adnotacji <ruby>
<rp>
Alternatywa co przeglądarka ma pokazać jeżeli, nie obsługują elementu <ruby>
<section>
Sekcja w dokumencie. Taka jak rozdziały, nagłówki, stopki lub inne sekcje dokumentu
<time>
Definiuje czas, datę lub oba
<wbr>
Przerwa między słowami. Dla wskazania przeglądarce w którym miejscu może zrobić separator lini
2. Nowe elementy MEDIA
Tag
Opis
<audio>
Przeznaczony do treści multimedialnych, dźwięków, muzyki lub innych strumieni audio
<video>
Używany w przypadku treści wideo, takich jak klipy filmowe lub inne strumienie wideo
<source>
Dla zasobów multimedialnych, elementów multimedialnych, zdefiniowanych wewnątrz elementów wideo lub audio
<embed>
Dla treści które są osadzone, takich jak wtyczka
<track>
Dla ścieżek tekstowych używanych w odtwarzaczach multimedialnych
3. Nowe elementy Graficzne
Tag
Opis
<canvas>
Do tworzenia grafiki przy użyciu JavaScript
4. Nowe elementy Formularza
Tag
Opis
<datalist>
Lista opcji dla wartości wejściowych
<keygen>
Generuj klucze do uwierzytelniania użytkowników
<output>
Dla różnych typów danych wyjściowych
5. Nowe atrybuty dla typu Input
Typ
Opis
tel
Wartość jest typu numer telefonu
search
Pole wyszukiwania
url
Wartość to adres URL
email
Wartość to co najmniej jeden adres e-mail
datetime
Wartością jest data i / lub godzina
date
Wartość to data
month
Wartość to miesiąc
week
Wartość to tydzień
time
Wartość typu czas
datetime-local
Wartość to lokalna data / godzina
number
Wartość to liczba
range
Wartość to liczba z podanego zakresu
color
Wartość to kolor szesnastkowy, na przykład # FF00AA
placeholder
Określa krótką wskazówkę opisującą oczekiwaną wartość pola
Brak komentarzy