Dzisiaj przedstawię Ci kilka tipów dla HTML. Zapraszam!

Doctype

Jeżeli nie możesz zapamiętać kodu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Możesz zastąpić go jedną linijką:
<!DOCTYPE html>

Nie musisz pisać typów

Jeżeli piszesz kod na plik css albo js, zamiast kodu:

<link rel="stylesheet" type="text/css" href="css/style.css" />

Możesz zastąpić:

<link rel="stylesheet" href="css/style.css" />

Sematyka

Przed HTML5 pisało się kod w stylu:

<div class="header"><!--kod--></div>

Możesz napisać teraz tak:

<header><!--kod--></header>

Oczywiście zadziała to również dla stopki (<footer></footer>), nav (<nav></nav>) i wielu innych, które możesz sprawdzić tutaj.

Edytuj tekst

W HTML5 pojawił się nowy atrybut contenteditable, który pozwala na edycję tekstu (działa tak samo, jak by tekst był w inpucie)

Przykład kodu:

<p contenteditable="true">Przykładowy tekst</p>

HTML5 dla IE

Jeżeli chcesz, żeby Twój kod działał również na starszych wersjach umieść w sekcji head kod:

<!--[if lt IE 9]>
    <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Opis obrazka

Przed wejściem HTML5 używało się kodu:

<img src="images/logo.png" alt="logo" />

<p>To jest logo</p>

Po wejściu HTML5 korzysta się z kodu:

<figure>
<img src="images/logo.png" alt="logo" />
<figcaption>
<p>To jest logo</p>
</figcaption>
</figure>>

 

Podsumowanie

Jak widzisz, pojawiło się sporo nowych rzeczy w HTML5. Oczywiście wyżej wymienione zmiany, to nie są wszystkie nowości, ale jedynie ich część. Być może w przyszłości pojawią się kolejne wpisy, które pokażą Ci zmiany w HTML5.