Jaka jest główna różnica między HTML 4 i HTML 5?

Question

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

Prosimy o zachowanie odpowiedzi związanych ze zmienioną składnią oraz dodanymi/usuniętymi elementami html.

Answer 1

HTML5 ma kilka celów, które odróżniają go od HTML4.

Spójność Handling malformed Documents

podstawową jest spójne, zdefiniowane obsługi błędów. Jak wiecie, HTML celowo obsługuje "zupę tagów" lub możliwość pisania nieprawidłowego kodu i poprawienia go w prawidłowym dokumencie. Problem polega na tym, że zasady dotyczące tego nie są nigdzie zapisywane. Kiedy nowy dostawca przeglądarek chce wejść na rynek, musi przetestować zniekształcone dokumenty w różnych przeglądarkach (zwłaszcza w IE) i odwrócić ich obsługę błędów. Jeśli tego nie zrobią, wiele stron nie będzie wyświetlanych poprawnie (szacunki umieszczają około 90% stron w sieci jako co najmniej w pewnym stopniu zniekształcone).

Tak więc HTML5 próbuje wykryć i skodyfikować tę obsługę błędów, aby programiści przeglądarki znormalizowali i znacznie zredukowali czas i pieniądze wymagane do konsekwentnego wyświetlania treści. Jak dobrze, długo po tym, jak HTML umrze jako format dokumentu, historycy mogą nadal chcieć czytać nasze dokumenty, a posiadanie w pełni zdefiniowanego algorytmu analizowania znacznie to pomoże.

Better Web Application Cechy

Wtórna celem HTML5 jest rozwijanie zdolności przeglądarce, by być platformą aplikacji, za pomocą HTML, CSS i JavaScript. Wiele elementów zostało dodanych bezpośrednio do języka, który jest aktualnie (w HTML4) programami Flash lub bazującymi na JS, takimi jak <canvas>, <video> i <audio>.Przydatne rzeczy, takie jak Lokalna pamięć masowa (dostępna w js-dostępnej przeglądarce baza danych wartości klucza, do przechowywania informacji wykraczających poza to, co pliki cookie mogą zawierać), nowe typy danych wejściowych, takie jak data, dla której przeglądarka może udostępnić łatwy interfejs użytkownika (tak abyśmy mogli nie trzeba używać naszych programów do zbierania dat na podstawie js), a obsługa formularzy obsługiwanych przez przeglądarkę znacznie ułatwi programistom tworzenie aplikacji internetowych i sprawi, że będą one znacznie szybsze dla użytkowników (ponieważ wiele z nich będzie obsługiwanych natywnie, zamiast włamać się przez javascript).

udoskonalony element Semantyka

Istnieje wiele innych mniejszych wysiłków zachodzące w HTML5, takie jak lepsze określonych semantycznych ról istniejących elementów (<strong> i <em> teraz właściwie znaczy coś innego, a nawet <b> i <i> mają mgliste semantykę który powinien działać dobrze podczas analizowania ofert dużych dokumentów) i dodanie nowych elementów z przydatnych semantyki - <article>, <section>, <header>, <aside>, a <nav> powinien zastąpić większość <div> s wykorzystywane na stronie internetowej, dzięki czemu strony nieco bardziej semantyczne, ale więcej co ważne, łatwiejsze do odczytania. Koniec z bolesnym skanowaniem, aby zobaczyć, co dokładnie zamyka ten losowy </div> - zamiast tego będziesz miał oczywiste </header> lub </article>, dzięki czemu struktura twojego dokumentu będzie o wiele bardziej intuicyjna.

Answer 2

Będziesz chciał sprawdzić here dla pełnego porównania. Ale jest wiele nowych elementów i atrybutów elementów. Niektóre elementy zostały usunięte, a inne mają inną wartość semantyczną niż poprzednio. Istnieją również zdefiniowane interfejsy API, takie jak wykorzystanie obszaru roboczego, w celu tworzenia nowej generacji aplikacji internetowych i zapewnienia standaryzacji implementacji.

Answer 3

Od Wikipedia:

• Nowe zasady analizowania zorientowane elastycznego parsowania i kompatybilności
• nowych elementów - części, video, postępu, nav, licznik, czasu, na bok, płótno atrybuty
• Nowe wejście - daty i godziny, email, url
• Nowe atrybuty - ping, zestaw znaków, asynchronizacja
• Globalne atrybuty (które można zastosować dla każdego elementu) - id, tabindex, re torfu
• Przestarzałe elementy spadły - Centrum, czcionka, strajk

Answer 4

HTML 5 zaprasza dać dodać dużo wartości semantycznej do kodu. Co więcej, istnieją rozwiązania tubylcze do osadzania treści multimedialnych.

Reszta jest ważna, ale to bardziej techniczny cukier, który uratuje cię przed zrobieniem tego samego materiału za pomocą języka programowania klienta.

Answer 5

Może Cię zainteresować ta lista HTML5 elements and attributes.

Należy również pamiętać, że jest to "HTML 4", a nie "HTML4". Rzeczywiście, w przypadku HTML 5 oba warianty są używane, ale istnieje istotna różnica w znaczeniu. HTML 5 odnosi się do nazwy specyfikacji W3C, a "HTML5" jest typem dokumentu tych plików HTML z typem MIME o rozmiarze text/html, zgodnym z tą specyfikacją. To samo dotyczy XHTML 5 a XHTML5.

Answer 6

HTML5 wprowadza szereg interfejsów API, które pomagają w tworzeniu aplikacji internetowych. Mogą one być używane razem z nowymi elementami wprowadzonymi do aplikacji:

• Interfejs API do odtwarzania wideo i audio, który może być używany z nowymi elementami wideo i audio.
• Interfejs API umożliwiający aplikacje internetowe działające w trybie offline.
• Interfejs API umożliwiający aplikacji sieciowej rejestrowanie się w określonych protokołach lub typach mediów.
• Edytor API w połączeniu z nowym globalnym atrybutem contenteditable.
• Przeciągnięcie interfejsu API & w połączeniu z atrybutem draggable.
• Interfejs API, który udostępnia historię i umożliwia dodawanie stron, aby zapobiec złamaniu przycisku Wstecz.

Answer 7

Teraz W3c zapewnia oficjalną różnicy na ich stronie:

http://www.w3.org/TR/html5-diff/

Answer 8

W skrócie jest to bardzo prosty w porównaniu do HTML, długi doctype jest usuwany, a także centrum i czcionki tag zostanie usunięty. Odpowiedzialam również na tę różnicę na moim blogu: http://ravisinghblog.in/key-difference-between-html-and-html-5/