Różnice między HTML4 i HTML5

Aktualnie w budowie do budowy stron internetowych wykorzystywany jest głównie HTML 5 (choć nie wiadomo jak długo to jeszcze potrwa). Wciąż jednak spotkać można witryny internetowe, które napisano w HTML4. Dlatego też postanowiłam porównać ze sobą obie wersje.

Porównanie to może być przydatne podczas nauki HTML5 jak i ogólnie budowy stron. Pokazuje ono bowiem nie tylko historię języka HTML, ale także zmiany w sposobie działania jak i możliwościach witryn www. Obie te wersje dzieli bowiem olbrzymia przepaść. A to co wydawało się abstrakcją w HTML4 w HTML5 okazało się możliwe.

Czym jest język HTML?

HTML to skrót od angielskich słów HyperText Markup Language, co oznacza hipertekstowy język znaczników. Jak sama nazwa wskazuje z założenia nie miał to być język programistyczny. Jego zadania ograniczać się miały do budowania schematów, konstrukcji na bazie których zbudowane miały być witryny internetowe.

W miarę upływu czasu język ten był rozbudowywany. Pojawiały się więc nowe możliwości rozbudowy witryn, dołączania plików (tekstowych, graficznych, multimediów). Jednak dopiero wersja 5 czyli HTML5 wprowadził prawdziwą rewolucję. W praktyce zmieniając język skryptowy w coś więcej.

Jakie są różnice między HTML4 i HTML5?

W języku HTML5 usunięto znaczniki takie jak:

<basefront>, <big>, <center>, <strike>, <frame>, <frameset>, <tt>

Zastąpiono też nagłówek / deklarację języka:

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

na skróconą w formie

 <meta charset="UTF-8" />

W HTML5 wprowadzono także nowe elementy takie jak:

<article>, <header>, <details>, <figure>, <nav>, <section>, <mark>, <time>, <audio>,<video>, <source>, <bdo>, <rp>

Uproszczono także sposób zapisu kodu. Teraz nie wszędzie trzeba już zamykać niektórych elementów. Wystarczy dodać jedynie znacznik otwarcia, resztę pracy wykona za nas przeglądarka samodzielnie dodając brakujący znacznik np.:

<table>
<tr>
<td>komórka tabeli
<td>następna
<td>kolejna
</tr>
</table>

Rozbudowano także formularze, wprowadzając dużo nowych typów pól oraz np. wymuszenie uzupełnienia pola. Pojawiła się również możliwość korzystania z API i dodawania różnych multimediów.

Warto przeczytać:

• HTML lang – deklaracja języka witryny. Dlaczego jest ważny!