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
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
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
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
Plik z chomika:
christina22
Inne pliki z tego folderu:
ABC.Jezyka.HTML - Maria Sokol (helion) pdf.rar
(6787 KB)
ABC_jezyka_HTML.rar
(4152 KB)
Asembler Kurs - Html.zip
(163 KB)
Asembler Kurs 2 - Html.rar
(89 KB)
Asembler Kurs Skowik - Html.zip
(312 KB)
Inne foldery tego chomika:
C++
Zgłoś jeśli
naruszono regulamin