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.