HTML5. Nieoficjalny podręcznik - Matthew Macdonald - 2012 [ebook].pdf

(18571 KB) Pobierz
Tytuł oryginału: HTML5: The Missing Manual
Tłumaczenie: Maciej Reszotnik
ISBN: 978-83-246-3950-2
© 2012 Helion S.A.
Authorized Polish translation of the English edition of
HTML5: The Missing Manual,
1
st
Edition 9781449302399
© 2011 Matthew MacDonald.
This translation is published and sold by permission of O’Reilly Media, Inc., which
owns or controls all rights to publish and sell the same.
All rights reserved. No part of this book may be reproduced or transmitted in any form
or by any means, electronic or mechanical, including photocopying, recording or by
any information storage retrieval system, without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości
lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione.
Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie książki
na nośniku filmowym, magnetycznym lub innym powoduje naruszenie praw autorskich
niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź
towarowymi ich właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte
w tej książce informacje były kompletne i rzetelne. Nie biorą jednak
żadnej
odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne
naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION
nie ponoszą również
żadnej
odpowiedzialności za ewentualne szkody wynikłe
z wykorzystania informacji zawartych w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/htm5np.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/htm5np_ebook
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
•
Poleć książkę na Facebook.com
•
Kup w wersji papierowej
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
Nieoficjalna czołówka ...................................................................................... 11
Wstęp ................................................................................................................. 15
Część I. Wprowadzenie do języka ................................................23
Rozdział 1. Wprowadzenie do HTML5 ............................................................ 25
Historia HTML5 ....................................................................................... 25
XHTML 1.0: rygor ponad wszystko ........................................................ 26
XHTML 2: niespodziewana porażka ....................................................... 27
HTML5: reaktywacja ............................................................................. 27
HTML:
żywy
język ................................................................................. 29
Trzy pryncypia HTML5 ............................................................................ 30
1. Nie psuj sieci ...................................................................................... 30
2. Brukuj
ścieżki
..................................................................................... 30
3. Bądź praktyczny ................................................................................. 32
Rzut oka na składnię HTML5 ................................................................... 32
Element doctype a HTML5 .................................................................... 34
Kodowanie znaków ................................................................................ 35
Język ...................................................................................................... 36
Dodawanie arkusza stylów ..................................................................... 36
Dołączanie JavaScriptu ........................................................................... 36
Ostateczny produkt ................................................................................ 37
Składnia HTML5 z bliska .......................................................................... 38
Rozluźnione reguły ................................................................................ 38
Walidacja HTML5 ................................................................................. 39
Powrót XHTML-u .................................................................................. 41
Rodzina znaczników HTML5 .................................................................... 43
Dodane elementy ................................................................................... 43
Komponenty usunięte ze specyfikacji ..................................................... 44
Elementy zaadaptowane ......................................................................... 45
Zmodyfikowane znaczniki ..................................................................... 46
Elementy standaryzowane ...................................................................... 47
Korzystanie z HTML5 już dziś ...................................................................48
Ocenianie wsparcia ze strony przeglądarek ..............................................49
Statystyki poziomu przyjęcia przeglądarek ..............................................51
Wykrywanie obsługi własności z aplikacją Modernizr ..............................52
Uzupełnianie braków przy użyciu wypełniania ........................................55
Rozdział 2. Nowe podejście do projektowania stron ......................................57
Wstęp do elementów semantycznych .........................................................58
Modernizacja tradycyjnej strony HTML ....................................................59
Struktura strony w stylu klasycznym ......................................................60
Struktura strony w HTML5 ....................................................................63
Podtytuły i znacznik <hgroup> ..............................................................65
Dołączanie rysunków przy użyciu znacznika <figure> ...........................66
Dodawanie ramki redaktorskiej — znacznik <aside> .............................68
Elementy semantyczne a kompatybilność z przeglądarkami .......................69
Projektowanie strony z nowymi elementami semantycznymi ....................72
Więcej o nagłówkach ..............................................................................72
Odnośniki i element <nav> ...................................................................74
Więcej o stopce .......................................................................................77
Więcej o sekcjach ...................................................................................81
System tworzenia konspektu strony w HTML5 ..........................................82
Jak zobaczyć konspekt? ...........................................................................82
Konspekt podstawowy ............................................................................83
Komponenty sekcji .................................................................................84
Problemy z tworzeniem konspektów .......................................................87
Rozdział 3. Semantyczny kod HTML ................................................................91
Elementy semantyczne raz jeszcze .............................................................92
Data, czas i znacznik <time> ................................................................93
Obliczenia w JavaScripcie i element <output> .......................................94
Element <mark> i zaznaczanie tekstu ...................................................95
Inne standardy kodu semantycznego .........................................................97
ARIA (ang. Accessible Rich Internet Applications) ..................................97
RDFa (ang. Resource Description Framework) ........................................98
Mikroformaty .........................................................................................99
Mikrodane ........................................................................................... 104
Fragmenty sformatowane opracowane przez Google ................................. 107
Lepsze wyniki wyszukiwania ................................................................ 107
Wyszukiwarka przepisów ..................................................................... 110
Część II. Tworzenie nowoczesnych stron ................................... 115
Rozdział 4. Udoskonalone formularze ............................................................117
Formularze .............................................................................................. 118
Modernizowanie tradycyjnego formularza HTML .................................... 119
Znak wodny — dodawanie wskazówek .................................................. 123
Dobry punkt zaczepienia: właściwość focus .......................................... 124
4
SPIS TRE
Ś
CI
Walidacja: wykrywanie błędów ................................................................ 125
Proces walidacji w HTML5, krok po kroku ........................................... 125
Wyłączanie mechanizmu walidacji ....................................................... 127
Formatowanie kontrolek walidacyjnych ............................................... 128
Walidacja wyrażeń regularnych ............................................................ 129
Własne reguły walidacji ........................................................................ 130
Obsługa mechanizmu walidacji ............................................................ 132
Nowe typy znacznika input ..................................................................... 134
Adresy e-mail ....................................................................................... 137
Adresy URL ......................................................................................... 137
Pola wyszukiwania ............................................................................... 137
Telefon ................................................................................................ 138
Liczby .................................................................................................. 138
Suwak .................................................................................................. 139
Czas: daty i godziny .............................................................................. 140
Kolor .................................................................................................... 141
Nowe elementy ....................................................................................... 141
Sugerowane odpowiedzi i element <datalist> ...................................... 142
Pasek stanu i miernik ........................................................................... 144
Paski narzędzi i menu — znaczniki <command> i <menu> ............... 146
Edytor HTML na stronie ......................................................................... 147
Edytowanie zawartości za pomocą contentEditable ............................... 147
Edytowanie strony za pomocą atrybutu designMode ............................. 149
Rozdział 5. Multimedia ................................................................................... 153
Wideo dziś .............................................................................................. 154
Wprowadzenie do audio i wideo w HTML5 .............................................. 155
Wydobywanie dźwięku z elementu <audio> ........................................ 156
Znacznik <video> z szerszej perspektywy ............................................ 158
Wojna o format ....................................................................................... 159
Więcej o formatach .............................................................................. 160
Obsługa multimediów w przeglądarkach .............................................. 161
Wiele formatów, czyli jak udobruchać każdą przeglądarkę ..................... 164
Element <source> ............................................................................... 164
Alternatywa — wtyczka Flasha ............................................................. 166
Sterowanie odtwarzaniem za pomocą JavaScriptu .................................... 169
Dodawanie efektów dźwiękowych ........................................................ 170
Budowa własnego odtwarzacza filmów ................................................. 173
Odtwarzacze JavaScript ........................................................................ 175
Napisy i dostępność ............................................................................. 177
Rozdział 6. Podstawy rysowania na elemencie canvas ................................ 179
Płótno — wprowadzenie .......................................................................... 180
Linie proste .......................................................................................... 182
Ścieżki
i figury ...................................................................................... 184
Krzywe ................................................................................................. 186
Transformaty ....................................................................................... 188
Przezroczystość .................................................................................... 192
SPIS TRE
Ś
CI
5

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin