.: Centra wiedzy :. Aktywuj swój bezpłatny dostęp!   .: Computerworld.pl :.
     w 
Zaloguj się
Zarejestruj się
 
KATALOG TEMATYCZNY
 
 
IDG.pl
PC World Komputer
CEO
CIO
CFO
CMO
CSO
NetWorld
Macworld
Playlista
Digit
Kino Domowe - DVD
Tips & Tricks
Gamestar
IT Partner
Internet Standard
Job Universe
ZOOM
Fotografia
Cyber
CyberJoy
Digital Life


 
WIADOMOŚCI

Nowe elementy HTML 5
Paweł Wimmer

(2007.09.24)
World Wide Web Consortium opublikowało w ostatnim czasie szkic roboczy specyfikacji HTML 5. HTML 5 nie będzie aplikacją XML, lecz zmodyfikowanym HTML-em, w którym uwzględniony zostanie błyskawiczny rozwój Internetu, szczególnie od połowy bieżącego dziesięciolecia. Hasłowo ujmując, ma to być HTML następnej generacji, zwany też Web Applications 1.0. Tradycyjny webmaster bez trudu rozpozna znajome od lat polecenia, które nie zmienią swojego znaczenia i zapewne też implementacji w przeglądarkach.


Jak wiedzą zapewne wszyscy webmasterzy, rozwój HTML zatrzymał się w 1999 roku na etapie HTML 4.01. Zaraz potem pojawiły się pierwsze próby z XHTML, który od poprzednika różnił się tym, że nowy język miał być członkiem rodziny XML, a zatem strony zbudowane za pomocą XHTML mogły bezpośrednio wymieniać informacje z innymi aplikacjami XML, jak MathML, CheML itd.

Idea słuszna, jednak rzeczywistość internetowa okazała się inna - implementacja XHTML w przeglądarkach trwa po dziś dzień, a najbardziej opóźniony jest Internet Explorer, który ze względu na swoją absolutną dominację de facto zahamował cały proces. W ostatnich latach Firefox i Opera odebrały już 1/3 rynku liderowi, wprowadzając po drodze obsługę nowego języka, jednak rynek ten jest nadal bardzo rachityczny i w gruncie rzeczy możemy mówić o porażce promowanych przez World Wide Web Consortium rozwiązań. Zapewne w następnych latach będzie się to stopniowo zmieniać, ale na razie zdecydowanie dominuje tradycyjny HTML, obudowywany niekiedy językami skryptowymi typu server-side, jak ASP czy PHP.

Niespodzianką stała się pod koniec ubiegłego roku decyzja Tima Berners-Lee, szefa W3C, który zapowiedział wznowienie prac nad językiem HTML, tak by w 2010 roku wprowadzić na rynek HTML 5. Powstała w tym celu specjalna grupa robocza, Web Hypertext Application Technology Working Group (WhatWG), która pracuje nad rozwojem klasycznego HTML.

Po staremu

Pozostanie na przykład tradycyjne polecenie DIV, polubione w ostatnich latach przez webmasterów jako narzędzie do tworzenia layoutów witryn, ale jego zastosowania będą stopniowo redukowane, gdyż w HTML 5 pojawią się takie polecenia, jak section, header, footer i nav. Wreszcie ma być rozwiązany uciążliwy problem zagnieżdżania plików multimedialnych, za sprawą video i audio.

Przyjrzyjmy się kilku propozycjom

Polecenie Section jest rozumiane jako część jakiejś szerszej całości, np. fragment strony poprzedzony własnym śródtytułem. Header oznacza nagłówek sekcji, rozumiany podobnie jak nagłówek strony w edytorze tekstów. Nie należy go oczywiście mylić z Head, czyli częścią nagłówkową strony, gdzie umieszczane są informacje Meta. Footer, analogicznie, jest traktowany podobnie jak stopka strony w edytorze tekstów.
Nav jest sekcją zawierającą zbiór odsyłaczy o charakterze nawigacyjnym.

Polecenie Article jest ukłonem w stronę blogów i ma oznaczać wydzielony fragment, jak np. wpis w blogu.

< body>
<header>
<h1>Mokka mit Schlag< /h1>
< /header>
<section>
<article>
<h2>Spring Comes (and Goes) in Sussex County< /h2>
<article>
<h2>But does it count for your life list?< /h2>
<p>Seems you can now go bird watching via the Internet. I haven't been able to test it out yet (20 user limit apparently) but this is certainly cool. Personally, I can't imagine it replacing actually being out in the field by any small amount. On the other hand, I've always found it quite sad to meet senior birders who are no longer able to hold binoculars steady or get to the park. I can imagine this might be of some interest to them. At least one elderly birder did a big year on TV, after he could no longer get out so much. This certainly tops that.< /p> < /article>
<nav>


    • < a href="/blog/comment-policy/">Comment Policy< /a>< /li>
    • < a href="/blog/todo-list/">Todo List< /a>< /li>

    </nav>
    <footer>
    <p>Copyright 2007 Elliotte Rusty Harold< /p>
    </footer>
    </body>



    Jak widać, polecenia te będą zastępować używane dziś w tej roli polecenie Div, którego znaczenie zostanie zredukowane. Wyraźnie tu widać semantyczne podejście do struktury strony. Polecenie &Aside& jest czysto semantycznym elementem, które pozwoli wydzielić jakiś całkiem odrębny fragment, np. komentarz, notka, wskazówka itp.

    <aside>
    <h3>.xf-value< /h3>
    <p>The < code type="inline">.xf-value< /code> selector used here styles the input field value but not its label. This is actually inconsistent with the current CSS3 draft. The example really should use the < code type="inline">::value< /code> pseudo-class instead like so:
    </p>
    </aside>


    Element Figure będzie oznaczał blok zawierający ilustrację, ale także od razu podpis pod nią, co jest niewątpliwie cennym uzupełnieniem dotychczasowego HTML.

    < figure id="fig2">
    <legend>Figure 2. Install Mozilla XForms dialog< /legend>
    <img alt="A Web site is requesting permission to install the following item: Mozilla XForms 0.7 Unsigned" src="installdialog.jpg" border="0" height="317" hspace="5" vspace="5" width="331" />
    </figure>


    Dialog to polecenie, które pozwoli wydzielić rozmowę między osobami.

    < dialog>
    <dt> Costello
    <dd> Look, you gotta first baseman?
    <dt> Abbott
    <dd> Certainly.
    <dt> Costello
    <dd> Who's playing first?
    <dt> Abbott
    <dd> That's right.
    <dt> Costello
    <dd> When you pay off the first baseman every month, who gets the money?
    <dt> Abbott
    <dd> Every dollar of it.
    </dialog>


    Mark (m) jest elementem liniowym, które wyróżni jakiś fragment tekstu w obrębie akapitu.

    < p>I also have some < m>kitten< /m>s who are visiting me these days. They're really cute. I think they like my garden!< /p>

    Time jest poleceniem semantycznym wskazującym jakiś konkretny moment.

    <p>Our first date was < time datetime="2006-09-23">a saturday< /time>.< /p>

    Semantyczne polecenie Meter reprezentuje wartość numeryczną w obrębie jakiegoś zakresu wartości - element ten będzie wykorzystywał opcjonalne atrybuty value, min, low, high, max, optimum.

    <p>An entry level programmer in Silicon Valley can expect to start around <meter>90,000< /meter> per year.
    </p>


    Polecenie Progress reprezentuje postęp jakiegoś procesu, wskazując bieżącą wartość i stan docelowy.

    <p>Downloaded: < progress value="1534602" max="4603807">33%< /progress>
    </p>




    Wreszcie dostrzeżono problem z multimediami, które w Internecie traktowane są przez producentów rozmaitych rozwiązań w sposób niemal dowolny. Polecenia Audio i Video będą się posługiwały atrybutem Src wskazującym położenie odtwarzanego pliku audio lub wideo, a także dodatkowymi atrybutami Autoplay i Loop. Obowiązkowo ma być odtwarzany format Wav, inne są opcjonalne.

    <audio src="spacemusic.mp3" autoplay="autoplay" loop="20000" />

    <video src="www.cafeaulait.org/birds/sora.mov" />


    Element Details jest semantycznym wydzieleniem fragmentu tekstu zawierającego jakieś konkretne szczegóły, np. dane osobowe czy adres.

    < details>
    <legend>[Sibley, 2000]< /legend>
    <p>Sibley, David Allen, The Sibley Guide to Birds, (New York: Chanticleer Press, 2000) p. 247
    </p>
    </details>


    Polecenie Datagrid wydziela uporządkowane informacje i ma współdziałać z takimi poleceniami, jak Table czy List, szczególnie na stronach dynamicznych.

    Polecenie Menu będzie służyć jako rama dla zbioru poleceń Command wywołujących jakieś akcje; jak widać, to odmienne znaczenie niż w przypadku znanego z HTML 2.0 i dawno już wycofanego polecenia Menu.

    <menu>
    <command onclick="alert('first command')" label="Do 1st Command"/>
    <command onclick="alert('second command')" label="Do 2nd Command"/>
    <command onclick="alert('third command')" label="Do 3rd Command"/>
    </menu>


    Obecny stan propozycji World Wide Web Consortium pokazuje wyraźnie, że specyfikacja pójdzie bardziej w kierunku semantycznego spojrzenia na strony, aczkolwiek nie będzie oczywiście zmieniać w radykalny sposób samego języka, który w obecnej postaci będzie także w pełni aktualny. Webmasterzy będą mogli jednak uprościć kodowanie, uczynić je bardziej jasnym i przejrzystym.

    Wszystko będzie oczywiście zależało od twórców przeglądarek, w jaki sposób i jak szybko zaimplementują nowe propozycje - ostatnie lata pokazywały, że twórcy Firefoksa i Opery, a właściwie napędzających je silników Gecko i Presto, znacznie bardziej przykładali się do implementacji ustaleń W3C. Być może Microsoft, nauczony porażką Internet Explorera w ostatnich dwóch latach, tym razem nie zaśpi i na czas wprowadzi interpretację nowych poleceń. Mamy jeszcze trzy lata do godziny zero.

    Ciekawe będzie też, jak ułożą się wzajemne stosunki HTML 4 i XHTML, jako że przecież nie sposób zaprzeczyć zaletom integracji, wzajemnej wymiany informacji między językami opartymi na XML, do których należy XHTML. Życie pokaże, na ile World Wide Web, zdominowana dziś przez blogi, zauważy te korzyści.

    W artykule korzystałem z:

    Elliotte Rusty Harold :
    New elements in HTML 5

    HTML 5 - working draft






    więcej wiadomości
    wersja do wydruku
    wersja do wysyłki
 
Zobacz też:
Aktualności
Artykuły

 
Google Gears z funkcjami lokalizacyjnymi(2008.08.25)
W miniony piątek (22 sierpnia) Google udostępnił nową wersję oprogramowania Gears. Wprowadza ona m.in. funkcje związane z lokalizacją użytkowników aplikacji internetowych działających w trybie offline.
 
450 tys. pobrań MS SQL Server(2008.08.21)
Chris Sharp z Microsoftu poinformował w czasie konferencji TechEd w Kuala Lumpur, że udostępnione niedawno najnowsze wydanie SQL Servera - 2008 - zostało już pobrane przez ponad 450 tys. użytkowników.
 
Java Lightweight UI Toolkit jako open source(2008.08.18)
W czwartek (14 sierpnia) koncern Sun udostępnił kod źródłowy pakietu narzędziowego UI Toolkit na licencji GPLv2 z zastrzeżeniem Classpath Exception. W uproszczeniu zastrzeżenie to oznacza, że udostępnione oprogramowanie do tworzenia interfejsów graficznych może być wykorzystywane w produktach udostępnianych na zasadach innych niż GPL.
 
Kryptografia od Google(2008.08.13)
Google poinformował o dostępności kryptograficznego pakietu narzędziowego open source. Przeznaczonego głównie dla aplikacji webowych. Jest to pierwszy zestaw narzędziowy tego typu stworzony przez firmę działającą w sektorze usług internetowych, poinformował serwis zdnet.com
 
Jest Service Pack 1 dla Visual Studio 2008 i .Net 3.5(2008.08.12)
W poniedziałek (11 sierpnia) Microsoft udostępnił pierwsze pakiety Service Pack dla środowiska programistycznego Visual Studio 2008 oraz platformy .Net 3.5. Oba zestawy zawierają poprawki znaczących błędów oraz dodatkowe usprawnienia.
 
Polak znajduje groźne błędy w Javie w Nokiach(2008.08.12)
Adam Gowdiak - polski specjalista ds. bezpieczeństwa - znalazł dwie groźne luki w Javie zaimplementowanej do telefonów Nokia z serii 40 (Nokia Series 40). Błędy te mogą zostać wykorzystane przez przestępców do nawiązywania połączeń bez wiedzy użytkownika, nagrywania konwersacji czy przechwytywania danych zapisanych w pamięci telefonu.
 



 
Wiadomości     Wywiady     Badania i analizy     Case Study     Felietony     Archiwum     Raporty     Programy     White Papers
O nas | Kontakt | Redakcja | Regulamin | Reklama | Ochrona prywatności
Zasoby premium - nie masz uprawnień dostępu: zapłać SMSem, zarejestruj się
Zasoby premium - dostęp przyznany
Copyright 1999 - 2008 IDG Poland SA. Wszelkie prawa zastrzeżone. Publikacja całości lub części zamieszczonych materiałów w jakiejkolwiek formie bez pisemnej zgody IDG Poland SA jest zabroniona. Computerworld Polska i Computerworld Polska online są znakami towarowymi IDG Poland SA.

Korzystanie z serwisu Computerworld Online jest jednoznaczne z wyrażeniem zgody na następujące warunki obsługi. Serwis realizuje wytyczne ASME oraz uzupełnienia IDG dotyczące zasad publikacji w mediach elektronicznych. Prosimy też o zapoznanie się z ochroną prywatności.


Computerworld na świecie: Niemcy: Computerwoche | USA: Computerworld |