HTML5_Nieoficjalny_podrecznik_htm5np.pdf

(945 KB) Pobierz
Tytuł oryginału: HTML5: The Missing Manual
Tłumaczenie: Maciej Reszotnik
ISBN: 978-83-246-3948-9
© 2012 Helion S.A.
Authorized Polish translation of the English edition of HTML5: The Missing Manual, 1st 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)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/htm5np
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
Kup książkę
Poleć książkę
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
Kup książkę
Poleć książkę
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
Kup książkę
Poleć książkę
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
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin