Różnice między HTML4 i HTML5

Czas czytania: 2 minut

Aktualnie stosowaną wersją HTML do budowy witryn internetowych jest HTML5. To raczej nie powinno nikogo dziwić. Od HTML4 praktycznie się już odeszło.

Warto jednak porównać między sobą obie wersje! Pokazują one 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>

różnice między HTML4 i HTML5

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.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*Wyrażam zgodę na przechowywanie i przetwarzanie moich danych na potrzeby umieszczenia mojego komentarza.
*W przypadku gdy treść komentarza narusza prawo Polskie i dobro oraz uczucia innych osób Administrator, zachowuje prawo nie publikowania go

%d bloggers like this: