Note: This work was first published in 2003, less than 70 years ago. Therefore, this work is protected by copyright, restricting your legal rights to reproduce it. However, you are welcome to view it on screen, as you do now. Read more about copyright.
Full resolution (JPEG) - On this page / på denna sida - Webbskolan: Kodspråket som tar dig in i framtiden
<< prev. page << föreg. sida << >> nästa sida >> next page >>
Below is the raw OCR text
from the above scanned image.
Do you see an error? Proofread the page now!
Här nedan syns maskintolkade texten från faksimilbilden ovan.
Ser du något fel? Korrekturläs sidan nu!
This page has never been proofread. / Denna sida har aldrig korrekturlästs.
webbskolan // xhtml
Kodspråket som tar dig in i
framtiden
Med kodspråket xhtml anpassar du din sajt till framtidens
och de nya webbläsare som utvecklas. Dessutom får du en
som kan honas upp med nya språkliga finesser. Vi visar hur.
Vill du använda framtidens
finesser och tekniker på
dina webbsidor är xhtml
språket som gäller. Xhtml gör
html kompatibelt med det
allomfattande xml, språket som
kommer att bli basen för alla
kommande webbspråk. Med
xhtml ser du också till att din
sajt fungerar i
framtidens webbläsare.
Att göra en hemsida i
xhtml behöver inte
betyda några stora skillnader
för dig - speciellt inte om
du är van vid korrekt
html. Poängen med
xhtml är nämligen
bak-åtkompatibiliteten med
gamla webbläsare.
Ursprungligen existerade
bara uppmärkningsspråket
sgml som forskarna utgick
från när de skapade webben.
Efterhand hamnade utveck-
lingen i en återvändsgränd
med html och forskarna
började titta på ett nytt
webbanpas-sat språk som språngbräda.
Målet var att språket skulle
kunna utvidgas allt eftersom
nya tekniker tågade in på nätet.
Resultatet blev xml. Nya
språk som mathml, smil och xsl
har sin bas i xml och det är
således xml som nya webbläsare
fokuserar på i sin utveckling.
Vid sidan står
sidbeskrivningsspråket html som inte har något
med xml att göra.
En tydligare bild får du om
du tänker dig att html ligger
under kategorin sgml och att
xhtml ligger under kategorin
xml. Tekniskt sett betyder det
att besökarens webbläsare
måste ha en html-tolk och en
xml-tolk och det fungerar
dåligt att kombinera dem för att
visa en och samma sida.
Xhtml ett säkert kort
För att skapa ett nytt
xml-kompatibelt språk
för kodning av
webbsidor gick man tillbaka till
den ursprungliga tanken
med html. Här var inte
formen i fokus. Tvärtom,
tanken är att man märker upp
textmängder som rubrik,
underrubrik och brödtext.
All sidformgivning som
typsnitt, färg, storlek och
placering ska i xhtml göras med
stilmallar. Du kunde göra det i
html 4, men skillnaden med
xhtml är att här måste du
använda dem. Det är alltså dags
att ta farväl av gamla
trotjänar-märket FONT och bli bästis
med stilmallama.
Fyra skäl för xhtml
Vad får du då konkret om du
gör xhtml istället för html?
Eftersom det är xml-tolkar som
webbläsarutvecklarna
fokuserar på idag får du en garanti för
att dina sidor kommer att
fungera långt in i framtiden.
Kanske är detta det mest
databeständiga format som finns
idag för gemene man.
En kanske lika viktig aspekt
är att xhtml har samma fördelar
som xml. Du kan med relativt
enkla medel exportera
information till andra sidor eller sajter
Så går du xhtml i Dreamweaver
Har du en sajt idag som du vill
göra i xhtml finns det handgrepp
som gör ditt arbete enklare.
Macromedia Dreamweaver MX är
ett verktyg som har bra stöd för
xhtml. Vill du slippa koda eller
konvertera för hand är det
sannolikt enklast att använda.
För dig som haren sajt byggd i
html är det smidigast att utgå
från xhtml-varianten
Transitio-nal. Då kan du bland annat
fortsätta använda font-märket för
enklare textformatering. Använd
xhtml Strict så långt det är
möjligt då det går i linje med hur
xhtml ska användas framöver.
Skapa ett
xhtml-dokument
Dreamweaver har ingen renodlad
xhtml-mall att startäfrån, men en
liten kryssruta löser problemet,
i. Gå till menyn File och välj New.
2. En dialogruta kommer upp där
du får välja vilken typ av dokument
som ska skapas. Välj Basic Page.
3.1 kolumnen strax till höger
markerar du html.
4. Kryssa för rutan längst ner till
höger som heter Make
Docu-mentXHTMLCompliant. Klart,
klicka på OK och jobba på i
programmet som vanligt!
SKAPAXHTML. När
du skapar en ny sida i
Dreamweaver markerar du i
en kryssruta att du vill
använda xhtml.
ALLTID XHTM L. I
Dream-weavers egenskaper ställer du
in om dina dokument alltid
ska byggas upp med xhtml.
66 internetworld.idg.se //6-2003
har du ett ti ps? mej la oss Pktips@iwred.idg.se
[-NYGAM-MALT.-]
{+NYGAM-
MALT.+}
Xhtml är
html
anpassat till xml.
Har du tips på ämnen vi ska skriva om i webbskolan? Kontakta redaktionen på u/ebbskolan@iu’red.idg.se
och utöka dina sidor till att
omfatta nya språk. Att Intemets
standardiseringsorgan W3C
(www.w3c.0rg) rekommenderar
xhtml framför html är också ett
argument, då deras
rekommendationer ligger till grund för
tillverkares beslut om stöd.
Xhtml må ännu inte ha slagit
igenom på bred front hos
hem-sidesprogrammen, men det är
bara en tidsfråga.
En annan fördel med xhtml
är att det blir betydligt enklare
för webbläsarna att tolka
sidor. Hittills har tillverkarna
fått lägga in massor av kod för
att webbläsarna ska förstå och
kunna visa slarvigt kodad
html. Kanske är vi för första
gången på väg mot en webb
som ser någorlunda likadan ut
oavsett webbläsare.
Det borde göra utvecklare
glada att slippa skapa flera
versioner av samma sida.
Bakåtkompatibelt med html
För att inte du som
hemsides-snickrare ska behöva lära dig
ett helt nytt språk, har W3C sett
till att göra xhtml
bakåtkompatibelt med html. Det betyder att
gamla webbläsare i ganska hög
grad kan visa dina nya sidor.
Inget fungerar naturligtvis
perfekt, men det har det å andra
sidan aldrig gjort på webben.
En uppenbar skillnad för
dig som gör sidor är att xhtml
är betydligt mer känsligt för fel
i koden.
En Document Type
Definition, dtd, är central i xhtml.
Den beskriver för webbläsaren
hur sidan ska tolkas. Se det
som att en dtd bestämmer
vilket xml-språk sidan är skriven
i. Om ingen dtd är angiven,
står webbläsaren handfallen
och vet inte vad den ska göra.
Dtd har funnits även i html,
men inte varit nödvändig.
Flexiblare än någonsin
I skrivande stund finns tre
huvudtyper av xhtml 1.0 som du
anger med motsvarande dtd.
Strict. Den här varianten är den
hårdaste av dem alla och tillåter
ingen formgivning alls i xhtml.
Gör allt visuellt i stilmallar.
Transitional. Bygger också på
att formen görs med stilmallar,
men tillåter ändå små avsteg.
Sannolikt den variant som
passar flest till att börja med.
Frameset. Används bara till
sidor som definierar ramar i
sajten. Om sajten har ramar.
Eftersom fler och fler typer
av enheter kan användas till att
surfa på webben med har man
idag sett över hur xhtml
används. Per definition finns det
till exempel ingen möjlighet för
en liten telefon att visa en sida
på samma sätt som en vanlig
dator gör. Den har inte ens
minne nog för att visa alla bilder.
Därför strävar W3C idag mot
att man ska utgå från en enkel
variant av xhtml, kallad xhtml
1.1, och bygga ut det med mo-
strict.dtd“>
Xhtml i.o Transitional
<! DOCTYPE html PÜBLIC " -
//W3C//DTD XHTML 1.0
Transi-tional//EN" "DTD/xhtmll-transitional.dtd">
Xhtml i.o Frameset
<! DOCTYPE html PUBLIC •-
//W3C//DTD XHTML 1.0
Frameset//EN"
"DTD/xhtmll-frameset.dtd">
5 skillnader mellan html och xhtml
1.1 xhtml måste alla element
och attribut vara gemena.
Värden kan vara både gemena och
versala.
html: BGCOLOR= " #ffffcc " >
xhtml: bgcolor=" #f f f fcc"
2. Det märke som du sist
"öppnade” måste också först
stängas. Regeln är likadan i html,
men webbläsare har varit bra
på att tolerera avsteg. Nu
måste också alla element stängas
med ett slutmärke.
html: <p>Här är <b>fet
text</px/b>
xhtml: <p>Här är <b>fet
text</bx/p>
3. Element som bara består av
ett startmärke får en liten
modifiering i xhtml. Notera att
mellanslaget innan
snedstrecken är med för
kompatibiliteten med äldre webbläsare.
Berörda element är hr; br, img,
link, input, param, area, base,
Använd rätt dtd
Nedanstående rader lägger du
överst i ditt xhtml-dokument.
Vil-ken du väljer beror på hur du vill
jobba med ditt material. Se intill
under ”Flexiblare än någonsin”.
Xhtml 1.0 Strict
<! DOCTYPE html PUBLIC
/ /W3C/ /DTD XHTML 1.0
Strict//EN" "DTD/xhtmll-
col, isindex, meta och option,
html: <hr>
xhtml: <hr />
4. Även de attribut som bara
har ett möjligt värde måste ges
ett värde i koden. Sådana är
reglerna i xml och således också i
xhtml. Värdet får alltid samma
namn som attributet det hör
till.
html: <hr noshade>
xhtml: <hr noshade="noshade"
/>
5. För att inte xhtml-kod i dina
skript ska tolkas som xhtml av
webbläsaren, måste du lägga
koden i en datamängd som
kallas CDATA.
<script language="JavaScript
type=”text/javascr ipt">
<![CDATA[
document.write("Hello
World!”);
])>
</script>
5. Vill du att alla nya dokument
ska vara i xhtml-format går du in
i menyn Edit (Dreamweaver i
Mac OS X) och väljer
Preferen-ces. Markera kategorin New
Document och se till att kryssrutan
Make Document XHTML
Com-pliant är markerad.
Konvertera html
till xhtml
Du kan snabbt konvertera din
kod till xhtml Transitional med
ett enkelt handgrepp.
1. Öppna dokumentet som ska
konverteras.
2. Gå till menyn Filé och välj
Convert, därefter XHTML.
3. Klart! Kontrollera gärna i koden
att två nya rader har tillkommit:
èn som beskriver vilken
xml-version som används och en som
börjar med DOCTYPE och som
beskriver vilken xhtml-variant
som är aktuell för dokumentet.
4. För att konvertera en sida som
är uppbyggd med ramar marke-
ETT
KLICK.
Under,
menyn Filé
konverterar
du ett
existerande dokumenttill
xhtmll
rar du en ram och upprepar
ovanstående procedur. Var noggrann
med att alla ramar konverteras.
Ställ in för kodkontroll
För att kolla att koden är korrekt
skriven finns en inbyggd
funktion i Dreamweaver. Som stan-
STAN DAR D. Vilken version av xhtml vill du
kontrollera mot? Här bestämmer du.
dard är den inställd på html 4
och Internet
Explorer3-kompati-bilitet Det ändrar du lätt på själv.
1. Gå till menyn Edit och välj
Pre-ferences.
2.1 vänsterspalten markerar du
kategorin Validator.
3. Ange nu vilken xhtml-version
ANDERS FAHLMAN TIPSAR OM SITT EG ET”G RÖN KÖPINGS VECKOBLAD" - WWW.bollandsdagblad.nU
internetworld.idg.se // 6-2003 67
<< prev. page << föreg. sida << >> nästa sida >> next page >>
