Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które zawierają...
Szukaj wyników w...

Różnice między HTML5 a HTML4


Jakub
 Udostępnij

Rekomendowane odpowiedzi

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]<p> małe czy Duże<SPAN>litery</SPan> nie mają znaczenia</P>[/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.

<span style="font-size: 9px; line-height: normal">Źródło: hackwars.pl</span>

Bez nazwy-2.png

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.