Zablokowane Różnice między HTML5 a HTML4

Jakub · 16 Lipca 2015

Zaczynając przygodę z nową wersją języka HTML należy wspomnieć o licznych zmianach wprowadzonych w stosunku co do starszej wersji HTML4,
czyli:
- Usunięcie przestarzałych znaczników m.in: [code]<basefront>, <big>, <center>, <strike>, <frame>, <frameset>, <tt> itd..[/code] - Dodanie nowych znaczników i atrybutów, np:

[code]<article>, <header>, <details>, <figure>, <nav>, <section>, <mark>, <time>, <audio>,<video>, <source>, <bdo>,<rp> itp[/code]

- których zadaniem jest uprościć i zwiększyć kontrolę nad szkieletem strony.

- Uproszczenie zapisu znaczników oraz innych atrybutów, np:
wersja html5: [code]<meta charset="UTF-8" />[/code] wersja starsza: [code]<meta http-equiv="content-type" content="text/html;charset=UTF-8" />[/code] - element ?Canvas?
- Obsługa multimediów
- Rozbudowane formularze (dużo nowych typów pól)
- API
- Odejście od zasady obowiązkowego zamykania znaczników

[code]<table>
<tr>
<td> komórka tabeli
<td> komórka tabeli
<tr>
<td> komórka tabeli
<td> komórka tabeli
</table>[/code]

W starszej wersji html wyskoczyły by nam krzaki, jednak HTML5 zinterpretuje to wg naszej myśli.

- Brak konieczności zamykania elementów pustych, tzn:

[code] czyli zapis <br>
tego typu <br/>
jest w pełni poprawny
[/code]

- HTML5 ignoruje wielkie litery znaczników, co pozwala na napisanie np takiego kodu: [code] małe czy Dużelitery nie mają znaczenia[/code] - Wartości atrybutów nie muszą być zapisywane w cudzysłowie pod warunkiem iż nie zawierają znaków specjalnych (typu: >, -, lub spacje), jak również w niektórych wypadkach można podawać atrybut bez podawania ich wartości np:

[code]<img alt="opis zalaczonego obrazka" src=obrazek.jpg>
<input type="checkbox" checked>[/code]

- znaczniki typu [code]<html>, <head>, <body>[/code] są opcjonalne.

Z grubsza mówiąc to jedne z ważniejszych różnic pomiędzy HTML5 a HTML4. Każdy z tych punktów można było by rozpisać na wiele stron.

Źródło: hackwars.pl