HTML5

HTML5 ( Hyper Text Markup Language )
Rozbudowa	..html, .htm
MIME -typ	text/html
Deweloper	Konsorcjum World Wide Web i WHATWG
opublikowany	28 października 2014
Typ formatu	Język znaczników
Rozszerzony z	SGML
Opracowany w	XHTML5
Normy	W3C HTML 5.2 WHATWG HTML Standard życia
otwarty format ?	TAk
Stronie internetowej	w3.org/TR/html5/
Pliki multimedialne w Wikimedia Commons

HTML5 ( HyperText Markup Language, wersja 5 )  to język służący do konstruowania i prezentowania treści w sieci WWW . To jest piąta wersja HTML . Chociaż standard został ukończony (wersja zalecana do użytku) dopiero w 2014 (poprzednia, czwarta wersja została opublikowana w 1999 ), od 2013 przeglądarki są szybko wspierane, a programiści - korzystanie ze standardu pracy ( ang . HTML Living Standard ). Celem projektowym HTML5 jest poprawa poziomu obsługi technologii multimedialnych przy zachowaniu kompatybilności wstecznej, czytelności kodu dla człowieka oraz łatwości parsowania dla parserów .  

World Wide Web od dawna używa standardów HTML 4.01, XHTML 1.0 i XHTML 1.1. Strony internetowe były w praktyce renderowane przy użyciu kombinacji funkcji zapewnianych przez różne specyfikacje, w tym specyfikacje produktów oprogramowania, takich jak przeglądarki internetowe , a także ustalone wspólne praktyki. HTML5 został stworzony jako zunifikowany język znaczników, który mógł łączyć normy składni HTML i XHTML. Rozszerza, ulepsza i usprawnia oznaczanie dokumentów oraz dodaje pojedynczy interfejs API dla złożonych aplikacji internetowych .

HTML5 ma wiele nowych funkcji składniowych. Na przykład elementy <video>, <audio>i , <canvas>a także możliwość używania SVG i formuł matematycznych . Te innowacje mają na celu uproszczenie tworzenia i zarządzania obiektami graficznymi i multimedialnymi w sieci bez konieczności korzystania z zewnętrznych interfejsów API i wtyczek . Inne nowe elementy, takie jak <section>, i <article>, mają na celu wzbogacenie semantycznej treści dokumentu (strony). W tym samym celu wprowadzono nowe atrybuty, chociaż usunięto szereg elementów i atrybutów. Niektóre elementy, takie jak , i , zostały zmienione, przedefiniowane lub ustandaryzowane. API i DOM stały się podstawowymi częściami specyfikacji HTML5 . HTML5 definiuje również obsługę błędów układu, więc błędy składni powinny być traktowane jednakowo przez wszystkie kompatybilne przeglądarki . <header><nav><a><menu><cite>

Tło

W3C , które do 2004 roku przejęło wiele firm nie korzystających z przeglądarek, takich jak Adobe , nalegało na XHTML  , format czytelny dla maszyn, ale trudno edytowalny przez człowieka , i po prostu powoli wprowadzał innowacje. Dlatego powstała nowa grupa robocza WHATWG .

W 2005 roku pojawił się YouTube  - główny hosting wideo w Internecie do chwili obecnej (2021). Jego odtwarzacz został napisany w Adobe Flash  , popularnym systemie aplikacji internetowych. W czasie, gdy pojawił się YouTube, było to normalne, ponieważ dostęp do Internetu odbywał się głównie z komputerów i laptopów, a porty Flash były dostępne dla wszystkich głównych systemów operacyjnych.

W 2007 roku pojawił się iPhone . Wcześniej telefony korzystały z technologii czysto mobilnych, takich jak WAP , lub polegały na renderowaniu po stronie serwera ( Opera Mini ). Z kolei iPhone miał pełnoprawną przeglądarkę – a YouTube, który opierał się na Flashu, został zaimplementowany jako osobny program. Jednym z celów HTML5 było zredukowanie potrzeby używania Flasha z wideo HTML5 , SVG i płótnami .

IPhone ustanowił nowy standard smartfonów  dzięki pełnowymiarowemu urządzeniu z ekranem dotykowym . Klawiatura ekranowa jest zwykle niewielka i dlatego różne rodzaje wprowadzania — liczby, daty, adresy e-mail — wymagają różnych klawiatur. HTML5 dodał inne innowacje dla urządzeń mobilnych - geolokalizację , zarządzanie pamięcią podręczną do pracy offline itp. Zarówno HTML5, jak i CSS3 mają dodane mechanizmy przeprojektowywania stron pod urządzenia mobilne oraz mediów strony ( e-book , drukowany dokument).

Witryny AJAX i witryny jednostronicowe stają się coraz bardziej popularne , a do zarządzania historią w nich dodano interfejs API.

Okazało się, że webmasterzy ustawili DOCTYPE na cokolwiek - dlatego ta linia jest uproszczona do <!DOCTYPE html>. Obsługa błędnych dokumentów została zunifikowana również w innych miejscach.

Historia

WHATWG rozpoczęło pracę nad nowym standardem w 2004 , kiedy Konsorcjum World Wide Web (W3C) skupiło się na przyszłym rozwoju XHTML 2.0 i HTML 4.01 nie zmienił się od 2000 roku . W 2009 roku W3C przyznało, że grupa robocza XHTML 2.0 wygasła i postanowiła nie przedłużać jej. Następnie W3C i WHATWG wspólnie opracowały HTML5 .

Mimo że HTML5 jest dobrze znany wśród twórców stron internetowych od kilku lat, stał się głównym tematem mediów dopiero w kwietniu 2010 roku. Następnie szef Apple Inc. Steve Jobs napisał list publiczny zatytułowany „Myśli o Flashu”, w którym stwierdził, że wraz z rozwojem HTML5 nie ma już potrzeby oglądania filmów ani korzystania z innych rodzajów aplikacje z Adobe Flash . Debaty na ten temat rozgorzały wśród twórców stron internetowych, z pewnymi sugestiami, że chociaż HTML5 zapewnia zaawansowaną funkcjonalność, programiści powinni być świadomi różnic w przeglądarkach i konieczności obsługi różnych części standardów, a także różnic funkcjonalnych między HTML5 i Flash .

Proces normalizacji

WHATWG rozpoczęło prace nad specyfikacją w czerwcu 2004 jako Web Applications 1.0 . Od stycznia 2011 specyfikacja w Draft Standard (Project Standardization) jest zatwierdzana przez WHATWG, Working Draft (working draft) jest zatwierdzana przez W3C. Ian Hickson z Google jest redaktorem specyfikacji HTML5 .

Specyfikacja HTML5 została przyjęta jako punkt wyjścia do pracy nad nowym HTML przez grupę roboczą W3C w 2007 roku. Ta grupa robocza opublikowała specyfikację jako pierwszy publiczny projekt roboczy 22 stycznia 2008 r . . Wersja robocza jest w toku, trwała kilka lat, jej części HTML5 zostały ukończone i zaimplementowane w przeglądarkach, aż cała specyfikacja osiągnęła ostateczny status „Recommended” .

Ian Hickson spodziewał się, że w 2012 r. uzyska rekomendację kandydacką .

Aby specyfikacja stała się Rekomendacją W3C, wymagane są dwie w 100% kompletne iw pełni interoperacyjne implementacje .

W wywiadzie dla TechRepublic Hickson zasugerował, że stanie się to w 2012 roku lub później . Jednak wiele części specyfikacji było stabilnych i można je było zaimplementować w produktach:

„Niektóre części są już stosunkowo stabilne, a dziś można zastosować rozwiązania, które są już dość bliskie ukończenia”.

— CO Grupa Robocza, Kiedy skończy się HTML5? , FAQ

W grudniu 2009 roku WHATWG przeszło na Universal Development Model dla specyfikacji HTML5 . W3C nadal publikowało migawki specyfikacji HTML5 .

14 lutego 2011 roku W3C przedłużyło termin dla Grupy Roboczej HTML o tymczasowe migawki dla HTML5. Grupa robocza zamierzała przenieść HTML5 do Last Call, zapraszając społeczności do współpracy z W3C w celu potwierdzenia, że ​​specyfikacja jest technicznie wolna od wad w maju 2011 roku. Następnie grupa przeszła do testowania ich implementacji. W3C opracowuje również kompleksowy przegląd w celu osiągnięcia szerokiej interoperacyjności dla końcowej specyfikacji 2014, oczekiwanej daty wydania Rekomendacji .

„Nawet jako innowacyjna kontynuacja, rozwój HTML5 w Rekomendacjach zapewnia całemu ekosystemowi internetowemu stabilny, sprawdzony i interoperacyjny standard. Decyzja o zaplanowaniu wdrożenia HTML5 w Last Call w maju 2011 r. była ważnym krokiem w spełnianiu oczekiwań branży. , zrobiliśmy kolejny krok, ogłaszając zamiar osiągnięcia celu z rekomendacją do 2014 r.”

— Jeff Jafe, dyrektor generalny W3C

Od 28 października 2014 roku W3C oficjalnie rekomenduje korzystanie z HTML5, co oznacza, że ​​standard jest ostatecznie sfinalizowany i gotowy do powszechnego użytku .

Zaplanuj wydanie nowych wersji standardów

• HTML5  - 28 października 2014 ;
• HTML 5.1 rozpoczął rozwój 17 grudnia 2012 roku . Zalecany do stosowania od 1 listopada 2016 .
• HTML 5.2 został wydany 14 grudnia 2017 roku .

	2012	2013	2014	2015	2016	2017	2018
HTML 5.0	Kandydat Rec	zadzwoń do przeglądu	Rekomendacje
HTML 5.1	1. projekt roboczy		ostatnie połączenie	Rekomendacja kandydata	Rekomendacje
HTML 5.2				Pierwsza publiczna wersja robocza W3C		Rekomendacja Kandydata, Rekomendacja
HTML 5.3						Pierwsza publiczna wersja robocza W3C

Właściwości

Znacznik

HTML5 wprowadza kilka nowych elementów i atrybutów, które odzwierciedlają typowe użycie znaczników we współczesnych witrynach . Niektóre z nich są semantycznymi zamiennikami używania ogólnych elementów blokowych (<div>) i wbudowanych (<span>), takich jak <nav>(blok nawigacji witryny), <stopka> (zazwyczaj odnosi się do dołu strony lub ostatniego wiersza kodu HTML kod) lub <audio> i <video> zamiast <object> . Niektóre przestarzałe elementy, które mogły być używane w HTML 4.01 , zostały uznane za przestarzałe, w tym elementy czysto graficzne, takie jak <font> i <center> , których efekty są wykonywane za pomocą kaskadowych arkuszy stylów . Również w zachowaniu stron hipertekstowych po raz kolejny podkreśla się znaczenie skryptów DOM (takich jak Javascript ) .

Mimo podobnych znaczników składnia HTML5 nie jest już oparta na SGML . Został jednak zaprojektowany tak, aby był wstecznie kompatybilny z normalnym analizowaniem starszych wersji HTML. HTML5 używa nowej linii wprowadzającej, która wygląda jak deklaracja typu dokumentu SGML, <!DOCTYPE html> , która uruchamia zgodny ze standardami tryb renderowania . Od 5 stycznia 2009 r. HTML5 obejmuje również formularze internetowe 2.0 , dawniej oddzielną specyfikację WHATWG .

Nowe API

Oprócz definiowania znaczników, HTML5 ustanawia API , które może być używane z JavaScript . DOM został rozszerzony, a właściwości faktycznie używane zostały udokumentowane. Dodano również nowe API, na przykład:

Taksonomia i status interfejsów API HTML5 i powiązanych technologii

• element „canvas” dla metody bezpośredniego rysowania w 2D. Zobacz specyfikację Canvas 2D API 1.0 ;
• sterowanie odtwarzaniem plików multimedialnych, które można wykorzystać np. do synchronizacji napisów z filmami ;
• przechowywanie danych w przeglądarce ;
• API plików: możliwość załadowania dokumentu poprzez zaznaczenie (tag <input type="file">) lub przeciągnij i upuść (przeciągnij i upuść)
• Drag-and-drop : udostępnia zestaw zdarzeń dla każdego elementu DOM, takich jak wygląd i przebywanie w jego strefie, dzięki czemu deweloper może poinformować użytkownika o wymaganych akcjach oraz identyfikatorze przeciąganego pliku, zawierającego adres, nazwa, typ, rozmiar i data modyfikacji;
• zarządzanie historią przeglądarki;
• Rejestracja typu MIME i obsługi protokołu;
• mikrodane .

Nie wszystkie z powyższych technologii są zawarte w specyfikacji W3C HTML5, chociaż znajdują się w specyfikacji HTML WHATWG . Poniżej przedstawiono kilka powiązanych technologii, które nie są częścią żadnej ze specyfikacji. W3C publikuje dla nich specyfikacje osobno.

• geolokalizacja;
• SQL Database for Web , wewnętrzna baza danych (nie jest już obsługiwana) ;
• Indexed Database (IndexedDB) API , indeksowanie klucz-wartość (dawniej WebSimpleDB) ;
• API plików, uchwyt do aktualizacji plików i zarządzania nimi ;
• Praca z systemem. Ten interfejs API ma na celu umożliwienie przechowywania informacji po stronie klienta bez zarządzania bazą danych ;
• Zapis do pliku, wykorzystanie API do zapisywania informacji do pliku z aplikacji .

XHTML5

XHTML5 to serializacja XML języka HTML5. Dokumenty XML muszą być opatrzone adnotacjami internetowym typem mediów XML , takim jak application/xhtml+xml lub application/xml . XHTML5 wymaga silnej i dobrze sformułowanej składni XML. Wybór między HTML5 a XHTML5 sprowadza się do wyboru MIME /typ treści: wybrany typ nośnika określi, jakiego typu dokumentu należy użyć . W XHTML5 doctype < html> jest opcjonalny i można go po prostu pominąć . HTML, który został napisany tak, aby był zgodny ze specyfikacjami zarówno HTML, jak i XHTML — i który tworzy to samo drzewo DOM, które analizuje HTML lub XML — jest nazywany wielojęzycznym .

Obsługa błędów

Specyfikacja HTML5 nakłada wymagania zarówno na programy użytkownika ( przeglądarki ), jak i na dokumenty. Dokumenty mogą nie zawsze zawierać poprawną składnię, ale przeglądarki kompatybilne z HTML5, podobnie jak ich poprzednicy, wykorzystują algorytmy analizowania błędów znaczników w dokumentach w celu zbudowania poprawnego modelu obiektowego ( DOM ). Dokonano jasnego zdefiniowania wymagań dla agentów użytkownika w celu osiągnięcia kompatybilności między przeglądarkami różnych producentów. Jak również wymagania dotyczące składni znaczników dokumentów w celu ich poprawnego wyświetlania w różnych przeglądarkach . Starsze wersje przeglądarek po prostu ignorują nowe tagi HTML5.

Różnice między HTML5 a HTML4.01 i XHTML1.0

Poniżej znajduje się lista różnic:

• Zmieniona składnia
• Osadzanie SVG i MathML w text/html
• Nowe elementy: <artykuł>, <aside>, <audio>, <canvas>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <footer>, <header> , <hgroup>, <keygen>, <main>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, ruby < section>, < źródło>, <podsumowanie>, <godzina>, <wideo>, <wbr>

• Nowe komponenty wejściowe: data/godzina, e-mail, url, wyszukiwanie, numer, zakres, tel, kolor
• Nowe atrybuty: zestaw znaków (w <meta>), asynchroniczny (w skrypcie)
• Atrybuty globalne, które można zastosować do wszystkich elementów: id, tabindex, hidden, data-* (niestandardowe atrybuty danych)
• Elementy do wykluczenia: <akronim>, <aplet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset> , <isindex>, <noframes>, < strajk>, <tt>

Pełną listę zmian w HTML5 można znaleźć w roboczej wersji roboczej W3C Różnice między HTML5 a HTML4 (ostatnia wersja 9 grudnia 2014 r. ) .

Logo HTML5

Logo HTML5

18 stycznia 2011 r. W3C wprowadziło logo, które ma reprezentować użycie lub zwiększyć zainteresowanie HTML5. W przeciwieństwie do innych znaków wydanych wcześniej przez W3C, nie oznacza to zgodności z określonym standardem. Od 1 kwietnia 2011 r. logo to zostało uznane za oficjalne .

Kiedy po raz pierwszy zostało pokazane publicznie, W3C ogłosiło logo HTML5 jako symbol „uniwersalnej wizualnej identyfikacji danych dla szerokiej gamy otwartych technologii internetowych, w tym HTML , CSS , SVG , WOFF i innych” . Niektórzy orędownicy standardów sieciowych, w tym The Web Standards Project, skrytykowali tę definicję HTML5 jako ogólną i niejasną . Trzy dni później W3C odpowiedziało na opinie społeczności i zmieniło definicję logo, aby usunąć listę powiązanych technologii . Następnie W3C stwierdziło, że logo „reprezentuje HTML5, kamień węgielny nowoczesnych aplikacji internetowych” .

Przykładowa strona HTML5

Układ semantyczny strony

<!DOCTYPE html>
< html >
   < głowa >
      < meta  zestaw znaków = "utf-8" >
      < tytuł >
         (To jest tytuł) Przykład strony HTML5
      </ tytuł >
   </ głowa >
   < ciało >
      < nagłówek >
         < grupa >
            < h1 >
               Nagłówek „h1” z hgroup
            </ h1 >
            < h2 >
               Nagłówek „h2” z hgroup
            </ h2 >
         </ hgroup >
      </ nagłówek >
      < nawigacja >
         < menu >
            < li >
               <a href="link1.html"> _  _ _ _
                  Pierwszy link z bloku „nav”
               </a> _ _
            </ li >
            < li >
               <a href="link2.html"> _  _ _ _
                  Drugi link z bloku „nav”
               </a> _ _
            </ li >
         </ menu >
      </ nav >
      < sekcja >
         < artykuł >
            < h3 >
               Tytuł artykułu z bloku „artykuł”
            </ h3 >
            < p >
               Tekst akapitu artykułu z bloku „artykuł”
            </ p >
            < szczegóły >
               < podsumowanie >
                  blok „szczegóły”, tekst tagu „podsumowanie”
               </ podsumowanie >
               < p >
                  Akapit z bloku „szczegóły”
               </ p >
            </ szczegóły >
         </ artykuł >
      </ sekcja >
      < stopka >
         < czas >
            Zawartość znacznika „czas” bloku „stopki”
         </ czas >
         < p >
            Treść akapitu z bloku „stopka”
         </ p >
      </ stopka >
   </ ciało >
</ html >

Zobacz także

• Dźwięk HTML5
• WebGL
• CSS3
• HTML5 Shiv

Literatura

• Peter Lubbers, Brian Albers, Frank Salim. HTML5 dla profesjonalistów: Potężne narzędzia do tworzenia nowoczesnych aplikacji internetowych = Profesjonalne programowanie HTML5: Potężne interfejsy API do tworzenia bogatszych aplikacji internetowych. - M. : "Williams" , 2011. - S.  272 ​​. — ISBN 978-5-8459-1715-7 .
• Jennifer Niederst Robbins . HTML5, CSS3 i JavaScript. Kompleksowy przewodnik = Nauka projektowania stron internetowych, 4 edycja / os. język angielski MAMA. Reitmana. - IV edycja. - M. : "Eksmo" , 2014. - S. 528. - ISBN 978-5-699-67603-3 .
• Stephena Holznera. HTML5 w 10 minut, 5. wydanie = Sams Teach Yourself HTML5 w 10 minut, 5. wydanie. - M .: "Williams" , 2011. - ISBN 978-5-8459-1745-4 .

• Arsenij Mirny. HTML5 a Flash Video // UP Special  : Journal. - 2010r. - nr 5 . - S. 42-45 .

Linki

• COTWGHTML  _
•  W3C HTML5
• W3C HTML5.1  WD
• W3C HTML5.1  Nightly
•  Grupa Robocza HTML W3C
• Różnice W3C HTML5 od  HTML4
• WHATWG HTML różni się od  HTML4
• Zanurz się w HTML5 autorstwa Marka  Pilgrima
• Test  przeglądarki HTML5
• Poza HTML 5  - Kolejne wystąpienie na konferencji
• HTML5 Rocks -  projekt Google poświęcony HTML5, prezentacji HTML5