HTML5 Wszystko co powinniscie wiedziec o programowaniu Przewodnik profesjonalisty.pdf

(744 KB) Pobierz
Tytuł oryginału: The Truth About HTML5
Tłumaczenie: Piotr Rajca
ISBN: 978-83-246-9422-8
Original edition copyright © 2014 by Luke Stevens and RJ Owen.
All rights reserved.
Polish edition copyright © 2014 by HELION SA.
All rights reserved.
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 bierze jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za
związane z tym ewentualne naruszenie praw patentowych lub autorskich. Wydawnictwo HELION nie
ponosi 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/html5w
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
O autorach .............................................................................................................11
O recenzencie technicznym ....................................................................................13
S owo wst pne ......................................................................................................15
Wst p ....................................................................................................................17
Rozdzia 1.
Nieco udramatyzowana historia j zyka HTML5 .....................................................19
O tym, jak astronauci architektury i W3C próbowali zabić HTML ............................................ 19
Zapewne używacie już XML .............................................................................................................. 20
XH ML narodził się, ale co to właściwie oznaczało? .............................................................. 20
Drakońska obsługa błędów (czyli dlaczego po prostu nie walnąć Cię pięścią w nos?) ..... 21
No dobrze, nie tak dosłownie, ale przeglądarka mogła to zrobić .......................................... 21
XHTML wciąż oznaczał coś lepszego od HTML ..................................................................... 21
Jednak szaleństwo dopiero się zaczynało .................................................................................. 22
XHTML 2.0 — niekochany i samotny .............................................................................................. 22
HTML5 — nowa nadzieja… miejmy nadzieję ................................................................................ 23
W3C mówi: „Idźcie do diabła” ................................................................................................... 23
Narodziny WHATWG ................................................................................................................ 24
To zupełnie nowy świat ............................................................................................................... 24
HTML5 i więcej! ............................................................................................................................. 25
HTML5 jest super, odlotowe i w ogóle ............................................................................................. 25
Czy HTML5 to chwilowe zamieszanie, coś ważnego, czy jedno i drugie? ................................ 25
Hixie albo nic ........................................................................................................................................ 26
XHTML 2.0 umarł i wszyscy są szczęśliwi ....................................................................................... 27
HTML5… hm… HTML, chwila… HTML.next? ........................................................................... 27
Czy powinniśmy całkowicie pogrzebać W3C, czy je zaakceptować? ........................................... 28
Reforma .......................................................................................................................................... 28
Eliminacja ...................................................................................................................................... 28
Akceptacja ...................................................................................................................................... 29
W jaki sposób nowe możliwości są obecnie dodawane do HTML5? ........................................... 29
Rozbieżności pomiędzy WHATWG i W3C .................................................................................... 30
TL;DR .................................................................................................................................................... 31
Na czym będziemy się koncentrować? ............................................................................................. 31
Kup książkę
Poleć książkę
SPIS TRE CI
Rozdzia 2.
Wszystko, co powinni cie wiedzie
o prostej postaci strony WWW w j zyku HTML5 ...................................................33
Zmiany formatowania wprowadzone w HTML5 ........................................................................... 34
A co z rozwiązaniami skryptowymi oraz stylami CSS dla nowych elementów? ........................ 35
A co z HTML5 Boilerplate i Modernizr? ......................................................................................... 35
Rozdzia 3.
Wszystko, co powinni cie wiedzie o okre laniu struktury stron w HTML5 ...........37
Nieznaczny smak bólu — wyróżnianie sekcji .................................................................................. 37
Skąd wzięły się te elementy? ............................................................................................................... 38
Kogo to obchodzi? ............................................................................................................................... 39
Sprzeczności u podstaw nowych elementów HTML5 ................................................................... 39
Plan czego? ............................................................................................................................................ 40
Czym są plany dokumentów i czy powinniśmy zwracać na nie uwagę? ..................................... 41
W jaki sposób tworzy się plany (nawet nieświadomie) ................................................................. 41
Podział na sekcje jest starym problemem ........................................................................................ 43
Jeśli zwracamy uwagę na osoby niewidome, musimy zwracać uwagę na nagłówki .................. 43
„Poprawiony” sposób tworzenia planów dokumentów
w HTML5 był martwy, jeszcze zanim został wprowadzony ..................................................... 44
Przemycanie wielkich idei prowadzi do martwych idei ................................................................. 45
Rozgałęzienie specyfikacji .................................................................................................................. 45
Element <main> jest wyjątkiem (mniej więcej) .............................................................................. 46
Jak należy określać strukturę stron HTML5? .................................................................................. 46
Określanie stylów nagłówków w HTML5 jest trochę szalone ...................................................... 47
To nie jest bez znaczenia — ludzie muszą tego uczyć .................................................................... 48
A co to dla nas oznacza? ..................................................................................................................... 49
Sensowne rozwiązanie strukturalnego kodu zapewniającego dostępność .................................. 49
Korzyści ze stosowania ról ARIA ...................................................................................................... 50
Zalecenia dotyczące układu ................................................................................................................ 50
Rozdzia 4.
Wszystko, co powinni cie wiedzie o strukturalnych elementach HTML5 .............51
<header> ............................................................................................................................................... 51
Tak naprawdę to do niczego nie służy ....................................................................................... 52
Jak czytniki ekranowe mogą używać elementu <header>,
skoro może się on pojawiać wszędzie? .................................................................................... 52
Alternatywa ARIA — banner ...................................................................................................... 52
Rekomendacja ............................................................................................................................... 53
<nav> ..................................................................................................................................................... 53
Dobra intencja, lecz tragedia pod względem dostępności ...................................................... 53
Alternatywa ARIA — navigation ............................................................................................... 54
Rekomendacja ............................................................................................................................... 54
<section> oraz <article> ..................................................................................................................... 54
<section> ........................................................................................................................................ 54
Sekcje == punkty planu ............................................................................................................... 55
Matrioszki ...................................................................................................................................... 55
Rekomendacja ............................................................................................................................... 55
<article> ......................................................................................................................................... 55
Specyfikacje powinny precyzować ............................................................................................. 56
Zagnieżdżanie elementów <article> w celu tworzenia artykułów i komentarzy ................ 56
4
Kup książkę
Poleć książkę
SPIS TRE CI
Wyszukiwarki nie potrzebują elementów <article> ................................................................ 57
Element <article> nie ma także zawierać głównej treści strony ............................................ 57
Rekomendacja ............................................................................................................................... 57
A zatem, jaka jest różnica pomiędzy elementami <article> i <section>? ............................. 58
<aside> .................................................................................................................................................. 58
Element <aside> tworzy sekcje w dziwnych miejscach ........................................................... 59
Alternatywa ARIA — complementary ...................................................................................... 59
Rekomendacja ............................................................................................................................... 59
<footer> ................................................................................................................................................. 59
Także stopki do niczego nie służą .............................................................................................. 60
Obszerna stopka? Powodzenia! ................................................................................................. 60
Czy mogę prosić o stopkę? .......................................................................................................... 60
Alternatywa ARIA — contentinfo .............................................................................................. 60
Rekomendacja ............................................................................................................................... 60
<main> .................................................................................................................................................. 61
Głównie bezużyteczna kontrowersja ......................................................................................... 62
Alternatywa ARIA — main ......................................................................................................... 62
Rekomendacja ............................................................................................................................... 62
Inne punkty orientacyjne ARIA ........................................................................................................ 62
Stało się coś śmiesznego… Łagodna degradacja umarła, a JavaScript stał się obowiązkowy ... 63
Badania wykorzystania skryptów Yahoo ................................................................................... 63
Oto, co się dzieje… ....................................................................................................................... 64
Co zrobić? A tak… XP ................................................................................................................. 64
Och, społeczności projektantów… co się stało? .............................................................................. 65
Wniosek — świętej pamięci strukturalne znaczniki HTML5 ....................................................... 65
Rozdzia 5.
Wszystko, co powinni cie wiedzie o HTML5. Mikrosemantyka i Schema.org .......67
Semantyka w skrócie ........................................................................................................................... 67
Te problemy zostały rozwiązane ....................................................................................................... 68
Nie ma czegoś takiego jak kod bardziej semantyczny .................................................................... 68
Wielkie idee semantycznego kodu — Semantyczna Sieć ..................................................................... 69
Semantyka jeszcze nie umarła (albo o tym, jak Google
i spółka podrzucili mikrosemantyczną bombę) .......................................................................... 69
Handel elektroniczny i prawdziwa (mikro)semantyka .................................................................. 70
Czy prawdziwa semantyka jest obecna? ........................................................................................... 71
Dlaczego warto zwracać uwagę na mikrosemantykę? .................................................................... 71
Schema.org — przyszłość semantyki? .............................................................................................. 72
Czy nie można było zrobić tego wcześniej? ..................................................................................... 72
Semantyczna Sieć, na jaką czekaliśmy? ............................................................................................ 73
Mikroformaty ................................................................................................................................ 73
RDFa ............................................................................................................................................... 73
Mikrodane ...................................................................................................................................... 74
Mikrodane i Schema.org ..................................................................................................................... 74
W jaki sposób nie należy rozpoczynać inicjatywy .......................................................................... 75
Co myślą osoby odpowiedzialne za Schema.org? ........................................................................... 76
Podsumowanie — semantyka i HTML ............................................................................................ 77
5
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin