ďťż

[HTML] HTML 5 - ogólna dyskusja jak przygotować się do rewolucji

       

Podstrony


telcocafe

Nadchodzi następca popularnego języka do tworzenia stron - HTML 5. Aktualnie są powszechne znaczniki <video> i <audio>. Firefox i Opera 10.5 obsługują tylko wolny kodek OGG Theora, Chrome oba, a Safari i IE 9 - komercyjny H.264.

Kolejną nowością jest <canvas>, czyli grafika 2D i 3D generowana za pomocą Javascript. Z założenia statyczna, lecz można wykonywać proste animacje.

Jutro zadam kilka pytań i podzielę się innymi informacjami. Na razie polecam:

HTML 5 w polskiej Wikipedii
HTML 5 w angielskiej Wikipedii



Gdzieś widziałem nawet porówanie HTML5 do FLASH5 ale wydaje mi się że ten pierwszy nie mam szans,,,
Fajna rewolucja.......tylko dla kogo??


Usunięte tagi: basefont, big, center, font, s, strike, tt, u, frame, frameset, noframes, acronym, applet, isindex, dir.
Więcej usunęli niż dodali...
Użytkownik kar edytował ten post 13 maj 2010, 21:21
Bardzo dobrze, że usunęli - w HTMLu jest mnóstwo tagów-śmieci któych nie powinno się od lat używać, a dalej są. Ale HTML5 potrzebuje jeszcze mnóstwo czasu, żeby dojrzeć do poziomu flasha. Nie przypuszczam, żebym w ciagu najbliższych dwóch-trzech lat miał powód, żeby choćby się zastanawiać na odinstalowaniem tej wtyczki.

Przedewszystkm JS potrzebuje standaryzacji, bo teraz pod każdą przeglądarką działa jak chce, a bez niego w pełni nowego HTMLa nie wykorzystasz.

Czasami łatwiej użyć <center>, <big>, <s>, <tt>, <u>, a o <isindex> dowiaduję się pierwszy raz :)

Zamiast tego lepszym rozwiązaniem jest stworzenie stylów do konkretnego zastosowania, np. ramek z wycentrowanym tekstem, obramowaniem, tłem i większą wysokością linii - aby zwrócić uwagę na ważne linki, komunikaty...

Baza danych offline
Niektóre przeglądarki, w tym Firefox, wprowadziły częściową obsługę localStorage i sessionStorage, zatem użycie ciasteczek będzie można ograniczyć do rzeczy, które nie dotyczą GUI i aplikacji w Javascript.

Przykład z W3:<label> <input type="checkbox" onchange="sessionStorage.insurance = checked"> I want insurance on this trip. </label> if (sessionStorage.insurance) { ... }
Przesuwanie obiektów
Jest wsparcie dla drag&drop, ale wciąż trzeba pisać dużo kodu. Dobrze, że jednak niedługo przenoszenie obiektów stanie się normą bez potrzeby dołączania obszernych bibliotek.

Edycja dokumentu w locie
Prawdopodobnie chodzi o własność contentEditable. Firefox już ją obsługuje i nie trzeba żadnych ramek <iframe> do tworzenia edytorów WYSIWYG. Oby twórcy przeglądarek pomyśleli o narzędziach lub paskach narzędziowych :)

Cross-document messaging (web messaging)
Pozwala na komunikację dokumentów z różnych domen. Interfejs obsługuje zdarzenia MessageEvent, więc istnieje duża szansa na odbieranie żądań od serwera. Więcej: http://dev.w3.org/html5/postmsg/
While this is an important security feature, it prevents pages from different domains from communicating even when those pages are not hostile. This section introduces a messaging system that allows documents to communicate with each other regardless of their source domain, in a way designed to not enable cross-site scripting attacks.
Mikroformaty
Istnieje trochę standardów, np. wyzytówki hCard, atrybut "rel", ale na razie jest duży bałagan. Trzeba poczekać na oficjalną dokumentację od W3. Mają pomóc automatom lepiej interpretować zawartość strony i tworzyć sieć semantyczną.

Prosty DOCTYPE
<!DOCTYPE html>
Rozszerzenia
Częścią standardu ma być Web Forms 2.0. Nowe pola formularzy, dodatkowe atrybuty i API obsługuje już Opera. W dokumencie można osadzić SVG i MathML.

Nowe znaczniki
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video

Standardy obsługi błędów i analizy kodu
Zapewnią, że każda przeglądarka będzie tak samo obsługiwać błędy w kodzie. Jak to wyjdzie w praktyce?

Większy porządek w DOM
Mam nadzieję, że stworzą porządny model DOM i twórcy przeglądarek (IE) wreszcie nadrobią braki. :)



Wikipedia napisał:
Usunięte tagi: basefont, big, center, font, s, strike, tt, u, frame, frameset, noframes, acronym, applet, isindex, dir.

Czyli też po framkach

Z ramek się nie korzysta, więc je wywalili. Można je z łatwością zastąpić statycznymi elementami strony (div, nav).

W html 4.0 też nie było ramek(o ile nie użyło się doctypa frameset). Zresztą nawet nie wyobrażam sobie po co ktoś miał by dziś używać ramek. Został iframe i to spokojnie wystarczy.

Ramki wciąż stosuje się w aplikacjach internetowych typu GMail. Niestety, nikt nie wymyślił idealnej technologii do tego typu zastosowań, przeglądarki różnie interpretują funkcje, ogólnie powstał bałagan. Usunięcie ramek z HTML 5 jest dobrą decyzją, bo nie wszyscy potrafią z nich korzystać. AJAX nie jest niestety lekarstwem na przyjazną nawigację w przypadku dokumentacji albo listy folderów jak w GMailu, aby niepotrzebnie jej nie ładować za każdym razem wraz z widżetami (chat, lista online). Przykład mamy na Naszej-Klasie - wystarczy włączyć NKTalk, aby strony zaczęły ładować się podwójnie.

@Ferrari: Ty masz na myśli pływające ramki, a karowi chodziło o te archaiczne ramki i zestawy ramek.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.