HTML5_Podrecznik_programisty_html5p.pdf

(860 KB) Pobierz
Tytuł oryginału: HTML5 Developer's Cookbook
Tłumaczenie: Grzegorz Balcerek
ISBN: 978-83-246-4886-3
Authorized translation from the English language edition, entitled: HTML5 DEVELOPER’S
COOKBOOK; ISBN 0321769384; by Chuck Hudson and Tom Leadbetter; published by Pearson Education,
Inc, publishing as Addison Wesley.
Copyright © 2012 Pearson Education, Inc.
All rights reserved. No part of this book may by 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 Pearson Education, Inc.
Polish language edition published by HELION S.A. Copyright © 2013.
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/html5p
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/html5p.zip
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis treści
Wstöp ........................................................................................................13
Podziökowania ...........................................................................................21
O autorach .................................................................................................23
Rozdziaä 1
Nowe elementy strukturalne w HTML5 ........................................................25
PRZEPIS DLA POCZðTKUJðCYCH
Budowa startowego dokumentu HTML5 ..................................................................... 26
doctype ............................................................................................................. 26
Kodowanie znaków ............................................................................................. 26
JavaScript i äñcza CSS ........................................................................................ 27
Styl u ywanej skäadni .......................................................................................... 27
Skñd pochodzñ wszystkie nowe elementy? ................................................................ 28
PRZEPIS DLA POCZðTKUJðCYCH
Wykorzystanie elementu header do utworzenia nagäówka witryny ................................. 29
PRZEPIS DLA POCZðTKUJðCYCH
Wykorzystanie elementu hgroup do grupowania nagäówków ......................................... 31
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie nawigacji przy u yciu elementu nav ............................................................ 31
PRZEPIS DLA POCZðTKUJðCYCH
U ycie elementu article ............................................................................................ 34
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Grupowanie tre ci przy u yciu elementu section ......................................................... 35
Którego elementu powiniene u ywaè: article czy section? ..................................... 36
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie paska bocznego za pomocñ elementu aside ............................................... 37
PRZEPIS DLA POCZðTKUJðCYCH
U ycie elementu footer ............................................................................................. 39
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Wykorzystanie narzödzia HTML5 Outliner do utworzenia prawidäowej
struktury dokumentu .............................................................................................. 41
PRZEPIS DLA ZAAWANSOWANYCH
Wykorzystanie wszystkich nowych elementów do utworzenia strony z wiadomo ciami .... 43
Kup książkę
Poleć książkę
6
Spis tre ci
PRZEPIS DLA ZAAWANSOWANYCH
Wykorzystanie wszystkich nowych elementów do utworzenia strony
z wynikami wyszukiwania ........................................................................................ 46
Podsumowanie ................................................................................................... 50
Rozdziaä 2
Grupowanie, poziom tekstu i zmiany semantyczne .......................................51
PRZEPIS DLA POCZðTKUJðCYCH
Oznaczanie rysunków i ich podpisów elementami figure i figcaption ............................. 51
PRZEPIS DLA POCZðTKUJðCYCH
Oznaczanie daty i czasu za pomocñ elementu time ..................................................... 53
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie wid etu przeäñcznika za pomocñ elementu details ....................................... 54
PRZEPIS DLA POCZðTKUJðCYCH
U ycie elementu address do danych kontaktowych ..................................................... 56
PRZEPIS DLA POCZðTKUJðCYCH
Pod wietlanie tekstu za pomocñ elementu mark ........................................................ 57
PRZEPIS DLA POCZðTKUJðCYCH
U ycie elementu s do pokazania niepoprawnej lub nieistotnej tre ci ............................ 58
Zmiany dotyczñce istniejñcych elementów .................................................................. 58
Element cite ....................................................................................................... 58
Element ol ......................................................................................................... 59
Element dl ......................................................................................................... 61
Element small .................................................................................................... 63
Elementy b oraz strong ....................................................................................... 63
Elementy i oraz em ............................................................................................. 64
Element abbr ..................................................................................................... 64
Element hr ......................................................................................................... 64
Elementy, których ju nie ma ............................................................................... 64
PRZEPIS DLA POCZðTKUJðCYCH
Opakowywanie elementów äñczami ............................................................................ 65
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Dodawanie informacji semantycznych za pomocñ mikrodanych .................................... 66
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Stosowanie WAI-ARIA z HTML5 .................................................................................. 67
PRZEPIS DLA ZAAWANSOWANYCH
Oznaczanie komentarzami strony z artykuäem ............................................................. 69
Podsumowanie ........................................................................................................ 71
Rozdziaä 3
Obsäuga przeglñdarek w HTML5 ..................................................................73
PRZEPIS DLA POCZðTKUJðCYCH
Obsäuga Internet Explorera ....................................................................................... 73
U ycie JavaScriptu do uzyskania kompatybilno ci z HTML5 .................................... 73
Uzyskiwanie kompatybilno ci CSS-a ..................................................................... 74
Szablony (boilerplates) ............................................................................................. 75
PRZEPIS DLA POCZðTKUJðCYCH
Testowanie dziaäania nowych mo liwo ci HTML5 ........................................................ 75
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Wykorzystanie jQuery do zastñpienia kalendarza ......................................................... 77
Kup książkę
Poleć książkę
Spis tre ci
7
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Wykorzystanie biblioteki Modernizr do wykrywania mo liwo ci ...................................... 79
Polyfilling (wielowypeänianie) ..................................................................................... 82
U yteczne strony sprawdzajñce HTML5 ...................................................................... 84
Podsumowanie ........................................................................................................ 84
Rozdziaä 4
Nowe techniki dotyczñce ukäadu i stylizacji w CSS3 ....................................85
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Tworzenie dostosowujñcego siö projektu za pomocñ CSS3 Media Queries ................... 85
Kiedy u ywaè zapytaþ o media ............................................................................. 90
Obsäuga iPhone’a i urzñdzeþ z systemem Android ................................................. 91
PRZEPIS DLA POCZðTKUJðCYCH
Korzystanie z wäasnych czcionek przy u yciu @font-face .............................................. 92
Formaty plików i dziaäanie czcionek w ró nych przeglñdarkach ................................ 93
Usäugi zwiñzane z krojami pisma .......................................................................... 94
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Tworzenie przycisków za pomocñ gradientów CSS i wielu teä ........................................ 95
PRZEPIS DLA REDNIO ZAAWANSOWANYCH
Upiökszanie witryny za pomocñ transformacji i przej è ................................................ 98
PRZEPIS DLA ZAAWANSOWANYCH
Tworzenie animacji za pomocñ CSS-a ...................................................................... 103
Podsumowanie ...................................................................................................... 106
Rozdziaä 5
Formularze internetowe HTML5 ................................................................107
Walidacja .............................................................................................................. 107
Typy wej ciowe HTML 4 .......................................................................................... 107
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie formularza do danych kontaktowych ......................................................... 109
input type="email" ........................................................................................... 109
input type="tel" ................................................................................................ 110
input type="url" ................................................................................................ 111
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie formularza wyszukiwania przy u yciu input type="search" .......................... 112
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie kontrolek kalendarza i czasu ................................................................... 113
input type="datetime" ...................................................................................... 113
input type="datetime-local" ............................................................................... 113
input type="date" ............................................................................................. 114
input type="time" ............................................................................................. 114
input type="month" .......................................................................................... 115
input type="week" ............................................................................................ 115
Nakäadanie ograniczeþ na daty i godziny ............................................................. 115
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie pola do wprowadzania liczby .................................................................... 116
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie suwaka (bez potrzeby u ycia JavaScriptu) ................................................. 117
PRZEPIS DLA POCZðTKUJðCYCH
Tworzenie próbnika kolorów .................................................................................... 117
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin