XHTML - Najwyższy czas na XHTML 05-2005.pdf

(352 KB) Pobierz
Warsztat_XHTML_05.qxd
C M Y K
NA CD
NEWSY
Z OK£ADKI
FIRMA
MAGAZYN
PROGRAMY
WARSZTAT
XHTML
Na jw y żs zy cz as n a
X H T M L
Wci¹¿ s³yszy siê o nowych standardach tworzenia stron internetowych. Niedawno ukaza³a
siê nowa, druga wersja jêzyka XHTML, na CSS3 wszyscy do dziœ czekamy
z niecierpliwoœci¹. Mo¿e wiêc warto poznaæ te technologie i zacz¹æ w nich programowaæ,
a mo¿e dokonaæ konwersji kodu istniej¹cej strony?
£ukasz Lach
kopi¹ i rozszerzeniem jêzyka HTML 4 i stanowi jego przefor-
mu³owanie jako aplikacji XML. Dalsze rozwijanie jêzyka
HTML zosta³o wstrzymane, a obecne prace skoncentrowane s¹ jedy-
nie na nowym jêzyku znaczników. Dokumenty napisane
w XHTML-u s¹ poprawnie interpretowane przez wszystkie starsze
przegl¹darki i mog¹ je wykorzystywaæ aplikacje opieraj¹ce siê za-
równo na obiektowym modelu HTML, jak i XML (czyli np. aplety).
HTML posiada³ z góry zdefiniowany zestaw elementów, czêsto wy-
korzystywany w nieprawid³owy sposób, co nie mia³o prawa dzia³aæ
dobrze na niekonwencjonalnych urz¹dzeniach, jak np. telefon ko-
mórkowy czy palmtop. Problem ten, jak i wiele innych, rozwi¹zuje
integracja z XML. Warto w tym miejscu wspomnieæ, ¿e dokumenty
zgodne ze standardem XHTML s¹ równie¿ zgodne z XML, tak wiêc
mog¹ byæ przegl¹dane i modyfikowane za pomoc¹ standardowych
narzêdzi XML.
Deklaracja !DOCTYPE
Jest bez znaczenia, czy w kodzie strony mieliœmy inn¹ deklaracjê, czy w ogó-
le o niej zapomnieliœmy, w XHTML-u jest ona wymagana. Jej struktura za-
le¿na jest od wersji standardu XML oraz systemu kodowania znaków.
Element <html>
W jêzyku HTML element html by³ elementem pustym, tj. nie zawiera³
¿adnych atrybutów. W XHTML-u wymagane jest umieszczenie atry-
butów definiuj¹cych przestrzeñ nazw (ang. XML Namespace) oraz
jêzyk, którym pos³ugujemy siê w dokumencie. Przyk³adowa struktura
omawianego elementu znajduje siê na listingu 1 (na CD).
Elementy i atrybuty pisane małymi literami
W XHTML-u wszystkie elementy i atrybuty musz¹ byæ napisane ma-
³ymi literami, tak wiêc jeœli konwertujemy stary kod, czeka nas wiele
pracy. Wiêkszoœæ stron pisanych w HTML-u zawiera³a bowiem ele-
menty i atrybuty pisane du¿ymi lub mieszanymi literami (jak np. atry-
but onMouseOver). Pamiêtajmy jednak, ¿e deklaracja DOCTYPE nie
jest elementem i rz¹dzi siê w³asnymi prawami, a ci¹g ”DOCTYPE”
musi zostaæ napisany du¿ymi literami. Tak wiêc wszystkie wpisy typu
<U> musz¹ zostaæ zast¹pione przez <u>, a linijki typu <a HREF=”pa-
ge.htm”> na <a href=”page.htm”>.
Różnice
Pisz¹c w HTML-u mo¿na by³o dowolnie zamykaæ elementy zagnie¿-
d¿one wewn¹trz innych, albo w ogóle ich nie zakañczaæ. Poza tym
niektóre elementy, takie jak li czy br , nie wymaga³y zamykaj¹cego
znacznika. Natomiast programuj¹c w XHTML-u nakazujemy przegl¹-
darce stosowanie siê do regu³ jêzyka XML, a ten nie pozwala na stoso-
wanie ¿adnego z powy¿szych przyzwyczajeñ. Jeœli pope³nimy jakikol-
wiek b³¹d, kod nie bêdzie siê walidowa³, a przegl¹darka (przy umiesz-
czeniu deklaracji jêzyka XML w pierwszej linijce kodu) b¹dŸ ka¿dy
inny program wyœwietli b³¹d.
XHTML jest rozszerzalny. Wa¿ne jest tak¿e to, ¿e jeden kod
XML mo¿e daæ w wyniku ró¿ne treœci. Dzieje siê tak nie tylko za
spraw¹ technologii CSS, ale równie¿ poprzez mo¿liwoœæ umieszcze-
nia w kodzie Ÿród³owym czêœci przeznaczonej jedynie dla aplikacji
u¿ywanych np. przez osoby niewidz¹ce. Opisany fakt nazywamy
przenoœnoœci¹ i jest to niew¹tpliwie jedna z wa¿niejszych zalet jêzy-
ków opartych na XML. Spójrzmy na co nale¿y zwracaæ uwagê pod-
czas pisania kodu i o jakich przyzwyczajeniach nale¿y bezwzglêd-
nie zapomnieæ.
Tytuł dokumentu
Specyfikacja XHTML wymaga umieszczenia elementu title , który za-
wiera tytu³ strony, w nag³ówku dokumentu, czyli po elemencie head .
Zamykanie elementów
W XHTML wszystkie otwarte elementy musz¹ zostaæ zamkniête. To
oczywiœcie dotyczy tak¿e bardzo czêsto nie zamykanych elementów jêzy-
ka HTML, jak np. p czy li . Elementy puste, jak np. br , zyska³y w ten spo-
sób now¹ strukturê. Nie wolno wiêc napisaæ <br>, a wszystkie tego typu
wpisy musz¹ zostaæ zamienione na <br />. Mimo ¿e dokumentacja
XHTML mówi o zamykaniu pustych elementów w formie <br/>, nie ko-
rzystajmy z tej metody, poniewa¿ nie dzia³a ona poprawnie na wszystkich
przegl¹darkach, a samo umieszczenie dodatkowej spacji nie jest b³êdne.
90
Listing i tabela z tego artykułu są na dołączonej
płycie CD w katalogu Warsztat_XHTML.
INTERNET.maj.2005
Najwyższy czas na
X HTML (ang. Extensible HyperText Markup Language) jest
27574300.030.png 27574300.031.png 27574300.032.png 27574300.033.png 27574300.001.png 27574300.002.png 27574300.003.png 27574300.004.png
C M Y K
WARSZTAT
PROGRAMY
MAGAZYN
FIRMA
Z OK£ADKI
NEWSY
NA CD
XHTML
Zamykanie wartości atrybutów
Specyfikacja XHTML wyraŸnie mówi o tym, ¿e wszystkie wartoœci
atrybutów musz¹ zostaæ umieszczone w cudzys³owach. Zgodnie z tym
wszelkie wpisy typu <table width=100%> musz¹ zostaæ zamienione
na <table width=”100%”>.
elementom, których nie powinniœmy wiêcej u¿ywaæ podczas pisania
kodu w XHTML-u.
<applet></applet>
Element ten stanowi³ podstawê do³¹czania apletów Javy na stronie.
W XHTML-u dostajemy z zamian element object .
Skrócone parametry
Chc¹c umieœciæ na stronie domyœlnie zaznaczone pole wyboru,
w HTML-u pisa³o siê zazwyczaj <input type=”checkbox” selected>.
Taki wpis jest ca³kowicie niedopuszczalny w XHTML-u, w którym
ka¿dy atrybut musi posiadaæ wartoœæ. Chc¹c napisaæ poprawnie po-
wy¿szy fragment kodu, bêdziemy wiêc musieli dodaæ wartoœæ dla atry-
butu selected , którym bêdzie jego nazwa: <input type=”checkbox”
selected=”selected” />. Atrybutami tego typu, na które powinniœmy
zwracaæ uwagê zarówno przy pisaniu kodu, jak i poprawianiu istniej¹-
cego s¹: compact, nowrap, ismap, declare, noshade, checked, disa-
bled, readonly, multiple, selected, noresize oraz defer .
<basefont>
Za pomoc¹ tego elementu mogliœmy ustawiæ domyœln¹ czcion-
kê dla g³ównej sekcji strony. Element ten zosta³ usuniêty
w XHTML-u, a identyczny w dzia³aniu efekt uzyskamy korzysta-
j¹c z arkuszy stylów.
Kod HTML: <basefont face=”Arial” color=”red”>
Kod CSS: body { font-family: Arial; color: red; }
<blockquote></blockquote>
Element wykorzystywany by³ do do³¹czania d³u¿szych cytatów do tre-
œci strony, a czêsto by³ tak¿e nieprawid³owo wykorzystywany jako
sposób na do³¹czenie marginesów do wyœwietlanego tekstu. Poniewa¿
blockquote jest elementem blokowym, musimy jako zamiennika u¿yæ
elementu div , przypisuj¹c mu dodatkowe definicje stylów.
Kod HTML: <blockquote>Cytat...</blockquote>
Kod XHTML: <div style=”margin: 0 40px”>Cytat...</div>
Alternatywny tekst
Atrybut alt elementu img jest wymagany i powinniœmy go umieœciæ
w ka¿dym elemencie tego typu, jeœli chcemy, aby nasz kod by³
poprawny z XHTML-em. Atrybut ten okreœla alternatywny tekst dla
pliku graficznego w przypadku kiedy ten nie mo¿e byæ wyœwietlony.
£¹cz¹c to z poprzednim otrzymamy nastêpuj¹cy kod dla przyk³adowe-
go pliku graficznego: <img src=”image.png” alt=”alternatywny tekst”
/>. Pamiêtajmy, ¿e dotyczy to wszystkich elementów img bez wyj¹tku.
Jeœli nie chcemy, aby po naprowadzeniu kursora myszki na obrazek
pokazywa³a siê podpowiedŸ lub gdy alternatywny tekst nie jest
potrzebny, wystarczy napisaæ: <img src=”image.gif” alt=”” />.
<center></center>
Wykorzystywany do wyœrodkowania tekstu lub dowolnych elementów
umieszczonych wewn¹trz niego. Zosta³ usuniêty ze specyfikacji
XHTML i zast¹piony definicj¹ text-align arkuszy stylów.
Prawidłowe zagnieżdżanie elementów
W jêzyku HTML zamykanie elementów zagnie¿d¿onych wewn¹trz
innych odbywa³o siê bez ¿adnych zasad, czasami nie by³o w ogóle
znacznika zamykaj¹cego, a innym razem by³y one zamykane w niepra-
wid³owej kolejnoœci. W XHTML-u wszystkie elementy zagnie¿d¿one
wewn¹trz innych musz¹ zostaæ zamkniête w odpowiedniej kolejnoœci.
Tak wiêc wszystkie wpisy rodzaju <b><i>Tekst</b></i> musz¹ zostaæ
poprawione, a prawid³owa sk³adniowo linijka wygl¹daæ bêdzie nastê-
puj¹co: <b><i>Tekst</i></b>.
<font></font>
Element s³u¿y³ do modyfikacji ustawieñ zwi¹zanych ze stylem
wyœwietlanego tekstu. Zamiast niego mo¿emy wykorzystaæ element
span wraz z odpowiednimi definicjami CSS.
<i></i>
Z jego pomoc¹ mogliœmy pochyliæ wyœwietlan¹ czcionkê. Ten sam
efekt mo¿na uzyskaæ wykorzystuj¹c wspomniany ju¿ element span
w po³¹czeniu z definicj¹ font-style arkuszy stylów.
Dołączanie JavaScriptu
Znana wszystkim linijka kodu <script language=”JavaScript”> tak¿e mu-
si zostaæ zapomniana. W XHTML-u element script straci³ atrybut langu-
age na rzecz nowego – type . W przypadku kodu jêzyka JavaScript po-
wy¿sza linijka powinna byæ zapisana w nastêpuj¹cej formie: <script ty-
pe=”text/javascript”>. Dodatkowo, jeœli nie korzystamy z parametru src ,
czyli umieszczamy kod JavaScript bezpoœrednio w kodzie strony, musi-
my ca³oœæ umieœciæ w sekcji CDATA (ang. character data), która nie bê-
dzie analizowana przez procesor XML. Pozwoli to unikn¹æ problemów
z nieprawid³ow¹ interpretacj¹ znaków & i <, na czym sam kod skryptu
oczywiœcie nie straci. Ca³oœæ powinna wiêc wygl¹da nastêpuj¹co:
<s></s>, <strike></strike>
U¿ycie tego elementu w po³¹czeniu z dowolnym tekstem powodowa³o
jego przekreœlenie. Jak wiêkszoœæ elementów s³u¿¹cych do modyfika-
cji wygl¹du, zosta³ zast¹piony na rzecz arkuszy stylów – text-decora-
tion: line-through .
<u></u>
Powodowa³ podkreœlenie tekstu. W XHTML-u musimy skorzystaæ
z arkuszy stylów: text-decoration: underline .
* * *
Jak ju¿ wspomnia³em, modyfikacji uleg³a równie¿ lista dostêpnych
atrybutów. Wiêkszoœæ tych odpowiedzialnych za modyfikacjê wygl¹-
du elementów, takich jak np. border czy size, zosta³a zast¹piona po-
przez odpowiednie definicje kaskadowych arkuszy stylów, czyli CSS.
Dlaczego wprowadzono arkusze stylów? Jednym z powodów by³
na pewno fakt, ¿e producenci przegl¹darek zaczêli wprowadzaæ w³asne
elementy jêzyka HTML w celu poprawienia u¿ytecznoœci wyœwietla-
nych stron. Tak te¿ otrzymaliœmy np. element marquee , który pocz¹t-
kowo obs³ugiwa³a jedynie przegl¹darka firmy Microsoft, czy te¿ blink ,
powoduj¹cy migotanie tekstu, dodany przez autorów przegl¹darki Net-
scape. Za pomoc¹ arkuszy stylów ca³kowicie oddzielamy czêœæ zwi¹-
zan¹ z wygl¹dem strony od jej w³aœciwego kodu HTML. Dziêki takie-
mu rozwi¹zaniu modyfikacja wygl¹du strony lub nawet kilku stron
<script type=”text/javascript”>
<![CDATA[
// kod skryptu
]]>
</script>
Nowe, stare elementy i atrybuty
Razem z wprowadzeniem pierwszej wersji jêzyka XHTML niektóre
elementy znane z HTML-a zosta³y uznane za niepotrzebne i zosta³y
usuniête ze specyfikacji. To samo dotyczy atrybutów, które w wiêk-
szoœci zosta³y usuniête na rzecz arkuszy CSS. Przyjrzyjmy siê bli¿ej
INTERNET.maj.2005
91
27574300.005.png 27574300.006.png 27574300.007.png 27574300.008.png 27574300.009.png 27574300.010.png 27574300.011.png 27574300.012.png
C M Y K
NA CD
NEWSY
Z OK£ADKI
FIRMA
MAGAZYN
PROGRAMY
WARSZTAT
XHTML
mo¿e przebiegaæ znacznie sprawniej. Arkusze stylów dostêpne by³y
ju¿ za czasów jêzyka HTML, jednak dopiero z wprowadzeniem
XHTML-a zyskuj¹ prawdziwe znaczenie dla webmasterów. Obecnym
standardem tego jêzyka jest CSS w wersji 2.1.
Przyjrzyjmy siê teraz liœcie atrybutów, które zosta³y usuniête ze
specyfikacji jêzyka XHTML, a ich u¿ycie w po³¹czeniu z nim nie jest
dozwolone. Wszystkie zosta³y zast¹pione przez odpowiednie deklara-
cje arkuszy stylów.
go w po³¹czeniu z elementem a . W tym przypadku jedynym sposobem
otwierania odnoœników w nowym oknie staje siê wykorzystanie jêzyka
skryptowego, np. JavaScript.
Edytory
Przyjrzyjmy siê liœcie aplikacji, które pomog¹ nie tylko zacz¹æ progra-
mowanie w XHTML, ale równie¿ w konwersji istniej¹cych plików na-
pisanych w HTML.
Najlepszym z testowanych edytorów okaza³ siê <oXygen/> XML
Editor, który jest nie tylko skutecznym rozwi¹zaniem, jeœli chodzi
o dokumenty XHTML, ale w pe³ni obs³uguje jêzyki XML, WSDL,
XSL i kilka innych. Na drugim miejscu znalaz³ siê Top Style Pro 3.
Jest to edytor typowo ukierunkowany na programowanie w CSS.
Dalej w rankingu znajduj¹ siê dwa edytory, dostêpne za darmo.
Altova XMLSpy posiada jedynie podstawowe funkcje, jeœli chodzi
o programowanie w jêzyku XHTML, a ponadto jest to aplikacja
stworzona wy³¹cznie do programowania w XML-u i jêzykach po-
chodnych, wiêc nie obs³uguje jêzyka CSS. Z kolei HTMLGate
FREE jest typowym edytorem tekstu z podœwietlaniem sk³adni.
Edytor ten nie posiada wiêkszoœci funkcji, które znajdziemy w opi-
sywanych wczeœniej edytorach, ale obs³uguje XHTML. Na uwagê
zas³uguj¹ konwerter plików graficznych, edytor WYSIWYG oraz to,
¿e program jest darmowy.
Pe³na lista omawianych edytorów wraz z dostêpnymi funkcja-
mi znajduje siê w tabeli na p³ycie CD.
* * *
align
Atrybut align pozwala³ na zmianê po³o¿enia elementu, np. jego wy-
œrodkowanie. W celu uzyskania identycznego efektu musimy zastoso-
waæ odpowiedni styl w stosunku do rodzica elementu, którego po³o¿e-
nie chcemy zmodyfikowaæ.
HTML: align=”center”
CSS: text-align: center;
alink, link, vlink
Te atrybuty umieszczone wewn¹trz elementu body pozwala³y na zmia-
nê koloru, kolejno: aktywnego, dowolnego i wczeœniej odwiedzonego
odnoœnika. Ten sam efekt uzyskamy dodaj¹c definicje stylów dla ele-
mentów a:active oraz a:link i a:visited .
background, bgcolor
Atrybuty te u¿ywane w po³¹czeniu z elementami body , table czy td po-
zwala³y na okreœlenie pliku graficznego lub koloru, który stanowi³ t³o
dla danego elementu. Zosta³y one zast¹pione przez definicje, odpo-
wiednio: background-image oraz background-color .
Zasadność konwersji
Po co w³aœciwie konwertowaæ stronê na XHTML i CSS, po co trzy-
maæ siê standardów programowania, jeœli strona dzia³a bez zarzutów.
Wiêkszoœæ starszych stron zoptymalizowana jest pod przegl¹darkê
Microsoftu, a obecnie popularnoœæ zyskuj¹ takie aplikacje jak Mozil-
la, Firefox czy Opera. Konwertuj¹c stronê zgodnie z najnowszymi
tendencjami w programowaniu zyskujemy m.in. odseparowanie
struktury od elementów definiuj¹cych wygl¹d, które powoduje, ¿e
strona jest zoptymalizowana pod wyszukiwarki internetowe, a co za
tym idzie mo¿emy uzyskaæ wy¿sz¹ pozycjê podczas szukania treœci
zwi¹zanych z tematyk¹ naszej strony. Pamiêtajmy, ¿e dla wyszuki-
warki nie maj¹ znaczenia pliki graficzne (st¹d koniecznoœæ u¿ycia
atrybutu alt dla elementu img) czy animacje we Flashu – wa¿na jest
wy³¹cznie w³aœciwa treœæ. Ma na to wp³yw nie tylko wykorzystanie
arkuszy stylów, ale równie¿ umieszczenie opisu i s³ów kluczowych
w znacznikach meta znajduj¹cych siê w nag³ówku strony. To wszyst-
ko odnosi siê równie¿ do przegl¹darek tekstowych oraz specjalnych
wersji przegl¹darek internetowych przeznaczonych dla osób niepe³-
nosprawnych. Jeœli chodzi o tego typu przegl¹darki, musimy jednak
pamiêtaæ, aby wykorzystywaæ elementy jêzyka XHTML zgodnie
z przeznaczeniem, by unikn¹æ nieprawid³owej interpretacji. Dodat-
kowym atutem takiego rozwi¹zania jest to, ¿e maj¹c jeden kod
XHTML mo¿emy produkowaæ kilka (jeœli chodzi o strukturê) doku-
mentów. Ten sam kod XHTML w po³¹czeniu z ró¿nymi plikami CSS
mo¿e daæ w wyniku wersje z ró¿nymi wielkoœciami czcionek, kolo-
rami czy te¿ wersjê przystosowan¹ do wydruku.
Wykorzystanie arkuszy stylów redukuje objêtoœæ w³aœciwego
kodu strony, znacznie u³atwia jego edycjê, a dla du¿ych serwisów
znacznie przyspiesza operacjê ³adowania. Jednorazowa wizyta na
stronie spowoduje bowiem umieszczenie pliku CSS w cache, tak
wiêc przy ponownej wizycie ³adowana bêdzie jedynie w³aœciwa
treϾ dokumentu i ewentualnie pliki graficzne czy wszelkiego
rodzaju dynamiczna zawartoœæ. Trzymanie siê standardów progra-
mowania jest wiêc wa¿ne nie tylko dla programistów, ale równie¿
dla odbiorców. Mamy tak¿e pewnoœæ, ¿e nasza strona bêdzie do-
stêpna dla ka¿dego, bez wzglêdu na system operacyjny czy sprzêt,
border
Atrybut border dawa³ mo¿liwoœæ ustawienia obramowania np. dla ob-
razka umieszczonego na stronie. Korzystaj¹c z CSS mo¿emy nie tylko
ustawiæ gruboœæ obramowania, ale tak¿e jego kolor i styl.
HTML: <img border=”2” src=”image.png” />
CSS: img { border-width: 2px; border-color:
#ff0000; border-style: solid; }
color, face, size
Modyfikacja koloru, kroju i wielkoœci czcionki stosowana by³a w po³¹-
czeniu z elementami font oraz basefont . Odpowiednikami w CSS s¹
definicje, odpowiednio: color , font-family oraz font-size .
hspace, vspace
Atrybuty te pozwala³y na ustawienie odstêpów poziomych i piono-
wych naoko³o elementu. Zosta³y zast¹pione przez definicjê CSS
o nazwie padding (styl ten mo¿na podzieliæ na cztery inne, co po-
zwoli na ustawienie wartoœci odstêpów dla ka¿dego miejsca osob-
no; wyró¿niamy wiêc: padding-left , padding-right , padding-top
oraz padding-bottom ).
nowrap
Powodowa³ nieza³amywanie wierszy w komórce tabeli, zast¹piony
stylem white-space .
type
W po³¹czeniu z elementami zwi¹zanymi z listami ( li, ol, ul ) ustawienie
odpowiedniej wartoœci tego argumentu pozwala³o na modyfikacjê wy-
gl¹du elementów listy. Jego odpowiednikiem w CSS jest definicja
list-style-type .
HTML: <ul type=”square”>
CSS: ul { list-style-type: square; }
Dodatkowo, jeœli chcemy, aby nasza strona korzysta³a z definicji
typu strict , musimy zrezygnowaæ z atrybutu target , wykorzystywane-
92
INTERNET.maj.2005
27574300.013.png 27574300.014.png 27574300.015.png 27574300.016.png 27574300.017.png 27574300.018.png 27574300.019.png 27574300.020.png
C M Y K
WARSZTAT
PROGRAMY
MAGAZYN
FIRMA
Z OK£ADKI
NEWSY
NA CD
XHTML
z którego korzysta, a ponadto ³atwa do rozbudowy i edycji oraz
o mniejszej objêtoœci.
Skończone?
Gdy skoñczymy pisaæ kod XHTML, nie mo¿emy byæ pewni, ¿e nasz
kod jest w pe³ni zgodny ze specyfikacj¹. Mo¿e zawieraæ pojedyncze
b³êdy, które powinniœmy usun¹æ przed umieszczeniem strony na ser-
werze. Jeœli korzystamy z edytora, który ma wbudowan¹ funkcjê
sprawdzania poprawnoœci dokumentu XHTML, to bez problemu mo-
¿emy z niej korzystaæ jeszcze podczas pisania kodu Ÿród³owego. Jeœli
jednak nasz edytor nie ma takiej opcji, mo¿emy skorzystaæ z darmo-
wego skryptu z W3C, dostêpnego pod adresem http://validator.w3.org . Na tej
samej zasadzie dzia³a skrypt waliduj¹cy kod CSS, dostêpny pod adre-
sem http://jigsaw.w3.org/css-validator/ .
Automatyzacja konwersji dokumentu
Konwersja dokumentu z HTML4 na jêzyk XHTML to nie lada wy-
zwanie, szczególnie jeœli nazwy elementów i atrybutów pisane by³y
du¿ymi literami, nie korzystaliœmy z cudzys³owów lub gdy strona
w ogóle nie wykorzystuje arkuszy stylów. Mo¿emy jednak wyko-
rzystaæ rozszerzenie jêzyka PHP o nazwie Tidy ( http://tidy.sourcefor-
ge.net ), które sprawdzi, oczyœci oraz naprawi dokumenty HTML,
XHTML i XML. Ma równie¿ funkcje umo¿liwiaj¹ce konwersjê do-
kumentu HTML4 na kod XHTML wykorzystuj¹cy kaskadowe arku-
sze stylów. Instalacja tego rozszerzenia jest prosta, a wersja dla sys-
temów UNIX znajduje siê pod adresem http://pecl.php.net/package/tidy . Jeœli
korzystamy z Windows, konieczne bêdzie œci¹gniêcie archiwum ze
strony http://snaps.php.net/win32/PECL_STABLE/ , a po jego rozpakowaniu sko-
piowanie pliku php_tidy.dll do katalogu z rozszerzeniami. Nastêpnie
Serwis stworzony przez konsorcjum W3, sprawdzaj¹cy poprawnoœæ
kodu XHTML
dokonujemy edycji pliku konfiguracyjnego php.ini, dodaj¹c liniê
w postaci extension=php_tidy.dll. W przypadku kompilacji PHP5
wystarczaj¹ce staje siê dodanie parametru -with-tidy.
Podsumowanie
Jêzyki XHTML i CSS s¹ obecnie standardem programowania stron in-
ternetowych. Jêzyk HTML jest ju¿ przesz³oœci¹, ale odegra³ wielk¹ ro-
lê w rozwoju internetu i doprowadzi³ go do obecnego stanu.
n
REKLAMA
INTERNET.maj.2005
93
27574300.021.png 27574300.022.png 27574300.023.png 27574300.024.png 27574300.025.png 27574300.026.png 27574300.027.png 27574300.028.png 27574300.029.png
Zgłoś jeśli naruszono regulamin