HTML5. Przewodnik encyklopedyczny

Description

HTML5 to hit ostatnich miesięcy. Jego możliwości robią ogromne wrażenie na projektantach stron internetowych, a użytkownicy na tym korzystają. Usługi geolokalizacyjne, zaawansowane funkcje graficzne oraz rozbudowana obsługa multimediów — to tylko niektóre z atutów HTML5. Można śmiało i bez przesady powiedzieć, że język ten będzie gorącym tematem jeszcze przez długi czas. Dlatego warto już dziś sprawdzić, jak wykorzystać jego potencjał. Dzięki tej książce szybko opanujesz zasady HTML5. Już wkrótce bez najmniejszego problemu będziesz korzystał z nowych znaczników canvas, audio i video. Ponadto nauczysz się stosować mechanizmy do przechowywania danych w lokalnych zasobach przeglądarki oraz sprawdzisz, gdzie w danej chwili znajduje się użytkownik. Autor książki kładzie nacisk na poprawność semantyczną tworzonego kodu. Jest to niezwykle istotne w obecnych czasach, gdy Twoje dzieło będzie oglądane na przeróżnych urządzeniach – zarówno stacjonarnych, jak i mobilnych. Książka ta jest rewelacyjnym źródłem informacji o językach HTML5, CSS oraz JavaScript. Musisz ją mieć! HTML5 to nowe możliwości: Spis treści O autorze O korektorach merytorycznych Podziękowania Część I. Na dobry początek Rozdział 1. Czym jest HTML5 Historia HTML Wprowadzenie JavaScript Koniec wojen przeglądarek Dominacja wtyczek Pojawienie się semantycznego HTML Trend: standard HTML nie nadąża za sposobami użycia HTML HTML5 Nowy standard, nowe standardy Natywna obsługa multimediów Zasoby programistyczne Sieć semantyczna Bieżący stan HTML5 Obsługa HTML5 w przeglądarkach Wykorzystanie HTML5 na stronach Struktura tej książki Więcej informacji o HTML5 Podsumowanie Rozdział 2. Przygotuj się Wybór przeglądarki Wybór edytora HTML Wybór serwera internetowego Pobranie Node.js Pobranie modułu multipart Pobranie przykładowych kodów Podsumowanie Rozdział 3. Wprowadzenie do HTML Korzystanie z elementów Dodatkowe elementy występujące w tym rozdziale Puste elementy Samozamykające znaczniki Elementy void Atrybuty elementów Nadawanie elementom wielu atrybutów Atrybuty boolowskie Atrybuty autorskie Tworzenie dokumentu HTML Nadrzędna struktura Metadane Treść Rodzice, dzieci, potomkowie i bracia Typy elementów Encje HTML Globalne atrybuty HTML5 Atrybut accesskey Atrybut class Atrybut contenteditable Atrybut contextmenu Atrybut dir Atrybut draggable Atrybut dropzone Atrybut hidden Atrybut id Atrybut lang Atrybut spellcheck Atrybut style Atrybut tabindex Atrybut title Przydatne narzędzia HTML Podsumowanie Rozdział 4. Wprowadzenie do CSS Definiowanie i nadawanie stylów Właściwości CSS występujące w tym rozdziale Zastosowanie stylu inline Tworzenie osadzonego stylu Zastosowanie zewnętrznego arkusza stylu Kaskadowość i dziedziczenie stylów Style przeglądarek Style użytkowników Kaskadowość stylów Zmiana kolejności ważnymi stylami Precyzja i ocena kolejności w przypadkach spornych Dziedziczenie Praca z kolorami w CSS Szczegółowe wskazywanie kolorów Długości w CSS Długości bezwzględne Długości względne Inne jednostki w CSS Miary kątów w CSS Miary czasu w CSS Sprawdzanie obsługi funkcji CSS Przydatne narzędzia CSS Przeglądarkowe raporty o stylach Tworzenie selektorów przy użyciu SelectorGadget Ulepszanie CSS z użyciem LESS Framework CSS Podsumowanie Rozdział 5. Wprowadzenie do JavaScript Przygotowanie do pracy z JavaScript Deklaracje Definiowanie i używanie funkcji Definiowanie funkcji parametrami Definiowanie funkcji, które zwracają wyniki Zmienne i typy Typy proste Tworzenie obiektów Praca z obiektami Operatory JavaScript Operatory równości i identyczności Konwersja typów Praca z tablicami Literał tablicowy Odczytywanie i modyfikowanie zawartości tablicy Wyliczanie zawartości tablicy Metody obsługi tablic Obsługa błędów Porównywanie wartości undefined i null Sprawdzanie, czy zmienna lub właściwość ma wartość null lub undefined Rozróżnianie między null i undefined Przydatne narzędzia JavaScript Debugery JavaScript Biblioteki JavaScript Podsumowanie Część II. Elementy HTML Rozdział 6. Elementy HTML — kontekst Semantyka a prezentacja Jak dobierać elementy Im mniej, tym lepiej Nie nadużywaj elementów Wyrażaj się konkretnie i spójnie Nie lekceważ odbiorcy Struktura opisów elementów Spis elementów Elementy dokumentu i metadanych Elementy tekstowe Grupowanie treści Dzielenie treści na sekcje Tworzenie tabel Tworzenie formularzy Osadzanie zasobów Niewdrożone elementy Podsumowanie Rozdział 7. Tworzenie dokumentów HTML Ustanowienie podstawowej struktury dokumentu Element doctype Element html Element head Element body Opatrzenie dokumentu elementami metadanych Określenie tytułu dokumentu Ustawienie podstawy dla względnych adresów URL Opisanie dokumentu metadanymi Definiowanie stylów CSS Wskazywanie zewnętrznych zasobów Pobieranie zasobów z wyprzedzeniem Wykorzystanie elementów skryptowych Element script Element noscript Podsumowanie Rozdział 8. Elementy tekstowe Tworzenie odnośników Tworzenie odnośników zewnętrznych Tworzenie względnych odnośników Tworzenie odnośników wewnętrznych Określanie kontekstu przeglądania Oznaczanie treści podstawowymi elementami tekstowymi Wskazywanie słów kluczowych i nazw produktów Wyróżnianie Wskazywanie wyrazów obcych i terminów technicznych Wskazywanie nieścisłości i poprawek Wskazywanie ważnego tekstu Podkreślanie tekstu Pomniejszony tekst Indeksy górne i dolne Łamanie wiersza Wymuszanie łamania wiersza Wskazanie odpowiedniego miejsca na łamanie wiersza Przedstawianie danych wejściowych i wyjściowych Odwołania, cytaty, definicje i skróty Skróty Definicje Cytowanie treści z innego źródła Odwołania do innych źródeł Elementy obsługi językowej Elementy ruby, rt i rp Element bdo Element bdi Pozostałe elementy tekstowe Wskazywanie zwyczajnego ciągu tekstu Podświetlanie tekstu Wskazywanie dodanych lub usuniętych treści Wskazywanie godzin i dat Podsumowanie Rozdział 9. Grupowanie treści Konieczność grupowania treści Tworzenie akapitów Element div Preformatowana treść Cytowanie innych źródeł Przejścia tematyczne Grupowanie treści w listach Element ol Element ul Element li Listy definicji Listy o specyficznej numeracji Ilustracje Podsumowanie Rozdział 10. Tworzenie sekcji Podstawowe nagłówki Ukrywanie podtytułów Tworzenie sekcji Nagłówki i stopki Blok nawigacyjny Artykuły Paski boczne Dane kontaktowe Sekcja szczegółów Podsumowanie Rozdział 11. Elementy tabel Podstawowa tabela Komórki nagłówków Nadanie tabeli struktury Wskazywanie nagłówków i części głównej tabeli Stopka Nieregularne tabele Łączenie nagłówków z komórkami Podpis tabeli Praca z kolumnami Wskazywanie pojedynczych kolumn Nadawanie obramowania elementowi table Podsumowanie Rozdział 12. Formularze Podstawowy formularz Definiowanie formularza Oglądanie danych z formularza Konfiguracja formularza Konfiguracja atrybutu action formularza Konfiguracja metody HTTP Konfiguracja kodowania danych Określanie uzupełniania formularza Określenie docelowego miejsca wyświetlenia odpowiedzi formularza Nazwa formularza Nadawanie formularzom etykiet Automatyczne uaktywnianie elementów input Dezaktywacja poszczególnych elementów input Grupowanie elementów formularza Nadanie elementowi fieldset etykiety Dezaktywowanie grup elementów input przy użyciu elementu fieldset Element button Zastosowanie elementu button do wysyłania formularzy Zastosowanie elementu button do czyszczenia formularzy Zastosowanie elementu button jako elementu generycznego Praca z elementami spoza formularza Podsumowanie Rozdział 13. Konfiguracja elementu input Zastosowanie elementu input do podawania danych tekstowych Określanie rozmiaru elementu Podawanie wartości i treści zastępczych Lista danych Tworzenie pól tekstowych nieaktywnych i tylko do odczytu Określenie kierunku tekstu Zastosowanie elementu input do pobierania haseł Zastosowanie elementu input do tworzenia przycisków Zastosowanie elementu input do ograniczenia rodzaju danych wejściowych Zastosowanie elementu input do pobrania wartości numerycznej Zastosowanie elementu input do uzyskania liczby z podanego zakresu Zastosowanie elementu input do uzyskania wartości boolowskiej Zastosowanie elementu input do tworzenia określonych list opcji Zastosowanie elementu input do pobierania sformatowanych ciągów Zastosowanie elementu input do pozyskiwania godzin i dat Zastosowanie elementu input do pobierania danych o kolorze Zastosowanie elementu input do pobierania haseł wyszukiwania Zastosowanie elementu input do tworzenia ukrytych obiektów danych Zastosowanie elementu input do tworzenia map i przycisków graficznych Zastosowanie elementu input do wczytywania plików Podsumowanie Rozdział 14. Inne elementy formularzy i weryfikacja danych wejściowych Inne elementy formularzy Tworzenie list opcji Pobieranie wielowierszowego tekstu Wskazanie wyniku obliczenia Generowanie par kluczy — publicznego i prywatnego Weryfikacja danych wejściowych Sprawdzenie, czy użytkownik podał wartość Sprawdzenie, czy wartość mieści się w podanym zakresie Sprawdzenie, czy wartość jest zgodna z wyrażeniem regularnym Sprawdzenie, czy wartość jest adresem e-mailowym lub URL Dezaktywacja weryfikacji danych Podsumowanie Rozdzial 15. Osadzanie zasobów Osadzanie obrazów Osadzanie odnośników graficznych Tworzenie mapy obrazu działającej po stronie klienta Osadzanie innych dokumentów HTML Osadzanie zasobów przy użyciu wtyczek Zastosowanie elementu embed Zastosowanie elementów object i param Inne zastosowania elementu object Zastosowanie elementu object do osadzania obrazów Zastosowanie elementu object do tworzenia map obrazu działających po stronie klienta Zastosowanie elementu object jako kontekstu przeglądania Osadzanie wyobrażeń wartości liczbowych Paski postępu Przedstawienie wartości z zakresu Osadzanie innych elementów Osadzanie zasobów audiowizualnych Osadzanie grafiki Podsumowanie Część III. Kaskadowe arkusze stylów Rozdział 16. Wprowadzenie do CSS Standaryzacja CSS Model polowy Spis selektorów Spis właściwości Właściwości obramowania i tła Właściwości modelu polowego Właściwości layoutu Właściwości tekstu Właściwości przejść, animacji i przekształceń Inne właściwości Podsumowanie Rozdział 17. Selektory CSS — część I Podstawowe selektory CSS Wybranie wszystkich elementów Wybieranie elementów według typu Wybieranie elementów według klasy Wybieranie elementów według id Wybieranie elementów według atrybutów Łączenie selektorów Tworzenie zestawień selektorów Wybieranie potomków Wybieranie dzieci Wybieranie braci Selektory pseudoelementów Selektor ::first-line Selektor ::first-letter Selektory :before i :after Licznik CSS Podsumowanie Rozdział 18. Selektory CSS — część II Strukturalne selektory pseudoklas Selektor :root Selektor dzieci Selektory n-tego dziecka Selektory pseudoklas interfejsu użytkownika Wybieranie aktywnych bądź nieaktywnych elementów Wybieranie zaznaczonych elementów Wybieranie elementów domyślnych Wybieranie elementów input o poprawnych i niepoprawnych wartościach Wybieranie elementów input na podstawie zakresów Wybór elementów input według obecności atrybutu required Dynamiczne selektory pseudoklas Selektory :link i :visited Selektor :hover Selektor :active Selektor :focus Inne pseudoselektory Selektor negacji Selektor :empty Selektor :lang Selektor :target Podsumowanie Rozdział 19. Obramowania i tła Nadanie obramowania Szerokość obramowania Styl obramowania Nałożenie obramowania na jedną krawędź Właściwości zbiorcze obramowania Obramowania z zaokrąglonymi rogami Obrazy w obramowaniu Tła elementów Kolor i obraz tła Rozmiar obrazu tła Położenie obrazu tła Zaczepienie obrazu tła Pozycja początkowa tła i styl przycinania Właściwość zbiorcza background Cienie Obrysy Podsumowanie Rozdział 20. Model polowy Dopełnienia Marginesy Rozmiar elementu Pole wymiarów Określanie minimalnych i maksymalnych wielkości Przepełnienie Widoczność elementu Typy pola elementu Elementy blokowe Elementy liniowe Elementy liniowo-blokowe Elementy run-in Ukrywanie elementów Pływające pola Zapobieganie stykaniu się elementów Podsumowanie Rozdział 21. Tworzenie layoutów Pozycjonowanie Rodzaje pozycjonowania Kolejność elementów Layouty wielokolumnowe Layouty flexboksowe Prosty flexbox Użycie wielu elastycznych elementów Przestrzeń pionowa Maksymalne wielkości Layouty tabelowe Podsumowanie Rozdział 21. Stylizacja tekstu Podstawowe style tekstu Wyrównywanie i justowanie tekstu Białe znaki Kierunek tekstu Odstępy między wyrazami, literami i wierszami Dzielenie wyrazów Wcięcie pierwszego wiersza Dekorowanie i przekształcanie tekstu Nadawanie tekstowi cienia Fonty Wybór fonta Rozmiar fonta Styl i grubość fonta Fonty internetowe Podsumowanie Rozdział 23. Przejścia, animacje i przekształcenia Przejścia Odwrócone przejścia Wybór sposobu obliczania wartości pośrednich Animacje Klatki kluczowe Określenie kierunku powtórzeń Stan końcowy Animowanie elementów layoutu Wielokrotne wykorzystanie klatek kluczowych Nadawanie wielu animacji wielu elementom Wstrzymywanie i wznawianie animacji Przekształcenia Nadanie przekształcenia Określenie punktu wyjścia Utworzenie animacji lub przejścia z przekształceniem Podsumowanie Rozdział 24. Inne właściwości i funkcje CSS Określenie koloru i krycia elementu Określenie koloru pierwszego planu Określenie krycia elementu Obstylowanie tabel Kondensowanie obramowania tabel Konfiguracja oddzielonych krawędzi Obsługa pustych komórek Położenie podpisu Określenie układu tabeli Stylizacja list Określenie typu znaczników listy Użycie obrazu jako znacznika listy Określenie położenia znacznika Określenie stylu kursora Podsumowanie Część IV. Praca z DOM Rozdział 25. Wprowadzenie do DOM Obiektowy model dokumentu Poziomy DOM i zgodność Testowanie obsługi funkcji DOM Spis funkcji DOM Właściwości Document Właściwości Window Właściwości HTMLElement Właściwości CSS w DOM Zdarzenia DOM Podsumowanie Rozdział 26. Obiekt Document Metadane dokumentu Pobieranie informacji z dokumentu Obiekt Location Odczytywanie i zapisywanie ciasteczek Stan żądania Pozyskiwanie szczegółów o implementacji DOM Znajdowanie obiektów elementów HTML Zastosowanie właściwości do pozyskiwania obiektów elementów Pozyskanie nazwanego elementu przy użyciu notacji tablicowej Przeszukiwanie elementów Przeszukiwanie łańcuchowe Nawigacja w drzewie DOM Podsumowanie Rozdział 27. Obiekt Window Pozyskanie obiektu Window Pozyskiwanie informacji o oknie Interakcja z oknem Wyświetlanie zapytań Pozyskiwanie ogólnych informacji Praca z historią przeglądarki Poruszanie się po historii przeglądania Wprowadzenie nowej pozycji do historii Dodanie nowej pozycji z adresem innego dokumentu Zapisywanie kompleksowych stanów w historii Zastąpienie pozycji w historii przeglądarki Przekazywanie komunikatów między dokumentami Liczniki Podsumowanie Rozdział 28. Praca z elementami DOM Praca z obiektami elementów Praca z klasami Praca z atrybutami elementu Praca z tekstem Modyfikacja modelu Tworzenie i usuwanie elementów Powielanie elementów Przenoszenie elementów Porównywanie obiektów elementów Praca z fragmentami HTML Wstawienie elementu do bloku tekstu Podsumowanie Rozdział 29. Stylizacja elementów DOM Praca z arkuszami stylów Pobieranie podstawowych informacji o arkuszach stylów Praca z ograniczeniami medium Dezaktywowanie arkuszy stylów Praca z wybranymi stylami Praca ze stylami elementów Praca z obiektami CSSStyleDeclaration Praca z właściwościami pomocniczymi Praca ze standardowymi właściwościami Zastosowanie szczegółowych obiektów CSS w DOM Praca z obliczonymi stylami Podsumowanie Rozdział 30. Zdarzenia Wykorzystanie prostych procedur obsługi zdarzeń Wprowadzenie prostej procedury obsługi zdarzeń inline Wprowadzenie prostej procedury obsługi zdarzeń Zastosowanie DOM i obiektu Event Odróżnianie zdarzeń według typu Przepływ zdarzeń Praca ze zdarzeniami, które można anulować Praca ze zdarzeniami HTML Zdarzenia obiektów Document i Window Praca ze zdarzeniami myszy Praca ze zdarzeniami fokusowania Praca ze zdarzeniami klawiatury Praca ze zdarzeniami formularza Podsumowanie Rozdział 31. Obiekty poszczególnych elementów Obiekty dokumentu i metadanych Element base Element body Element link Element meta Element script Element style Element title Inne elementy dokumentu i metadanych Elementy tekstowe Element a Elementy del i ins Element q Element time Inne elementy tekstowe Elementy grupujące Element blockquote Element li Element ol Inne elementy grupujące Elementy sekcji Element details Inne elementy sekcji Elementy tabeli Elementy col i colgroup Element table Elementy thead, tbody i tfoot Element th Element tr Inne elementy tabeli Elementy formularza Element button Element datalist Element fieldset Element form Element input Element label Element legend Element optgroup Element option Element output Element select Element textarea Elementy content Element area Element embed Element iframe Elementy img Element map Element meter Element object Element param Element progress Podsumowanie Część V. Zaawansowane funkcje Rozdział 32. Wprowadzenie do Ajaksa. Część I Początki z Ajaksem Obsługa odpowiedzi Problem z Operą Zdarzenia Ajaksa Obsługa błędów Obsługa błędów wejściowych Obsługa błędów żądań Obsługa błędów aplikacji Pobieranie i definiowanie nagłówków Zmiana metody HTTP żądania Wyłączenie buforowania treści Odczytywanie nagłówków odpowiedzi Wydawanie żądań Ajaksa między różnymi źródłami Nagłówek żądania źródła Zaawansowane funkcje CORS Przerywanie żądań Podsumowanie Rozdział 33. Wprowadzenie do Ajaksa. Część II Przygotowanie się do wysłania danych serwerowi Utworzenie serwera Problem Wysyłanie danych formularza Wysyłanie danych formularza obiektem FormData Utworzenie obiektu FormData Modyfikacja obiektu FormData Wysyłanie danych JSON Wysyłanie plików Śledzenie postępów wczytywania Żądanie i przetwarzanie różnych typów treści Pobieranie fragmentów HTML Pobieranie danych XML Pobieranie danych JSON Podsumowanie Rozdział 34. Multimedia Element video Wczytywanie filmu z wyprzedzeniem Wyświetlanie obrazu zastępczego Rozmiar filmu Źródło i format filmu Element track Element audio Praca z osadzonymi mediami za pośrednictwem DOM Pobieranie informacji o mediach Określenie możliwości odtworzenia multimediów Kontrolowanie sposobu odtwarzania Podsumowanie Rozdział 35. Element canvas. Część I Początki z elementem canvas Uzyskanie kontekstu płótna Rysowanie prostokątów Ustawienie stanu rysowania Styl rysowania styku linii Styl wypełnienia kształtu i rysowania linii Gradienty Gradient promieniowy Wzory Zapisywanie i przywracanie stanu rysowania Rysowanie obrazów Obrazy filmowe Obrazy z elementu canvas Podsumowanie Rozdział 36. Element canvas. Część II Rysowanie z użyciem ścieżek Rysowanie ścieżek liniami Rysowanie prostokątów Rysowanie łuków Wykorzystanie metody arcTo Wykorzystanie metody arc Rysowanie krzywych Béziera Rysowanie sześciennych krzywych Béziera Rysowanie kwadratowych krzywych Béziera Utworzenie obszaru przycinania Rysowanie tekstu Wykorzystanie efektów i przekształceń Cienie Przezroczystość Kompozycja Przekształcenia Podsumowanie Rozdział 37. Funkcja przeciągania i upuszczania Tworzenie elementów źródłowych Obsługa zdarzeń przeciągania Utworzenie obszaru docelowego Przyjmowanie upuszczonych treści Praca z obiektem DataTransfer Filtrowanie przeciąganych elementów według treści Przeciąganie i upuszczanie plików Podsumowanie Rozdział 38. Geolokalizacja Wykorzystanie geolokalizacji Pobranie informacji o bieżącej lokalizacji Obsługa błędów funkcji geolokalizacji Definiowanie opcji geolokalizacji Śledzenie lokalizacji Podsumowanie Rozdział 39. Magazynowanie danych Magazyn lokalny Nasłuchiwanie zdarzeń magazynowania Magazyn sesji Podsumowanie Rozdział 40. Aplikacje internetowe działające offline Problem Utworzenie manifestu Określanie sekcji manifestu Sekcja FALLBACK Sekcja NETWORK Sprawdzenie stanu przeglądarki Praca z buforem offline Aktualizowanie Pobranie aktualizacji Zastosowanie aktualizacji Podsumowanie Skorowidz