anxia fyrir 23 árum, 1 mánuði Fjöldi lestra: 665

Hinar ógurlegu xhtml villur

Jæja, þá er vefþjóðin búin að taka
við sér XHTML væðingin er í hámarki, allir
vilja vera með. Þangað til að validateinu kemur, alls konar
óskiljanlegar villur og andvökunætur eru nóg til þess
að hrekja meðalamanninn í burt.
Nei, nei. En það hafa margir verið að spyrja spurninga í
sambandi við XHTML validation. Og var ég beðin um að skrifa
grein um þetta efni hér á huga, og ákvað ég
að taka þeirri áskorun, safnaði saman algengustu villunum
og reyni að útskýra hvernig má forðast þær
eftir bestu getu.
Hér kemur svo listinn, hann er ekki tæmandi, og ef það
er eitthvað sem ég gleymi, þá ef ég þekki
ykkur, dissið þið mig fyrir það!
Þessi listi er yfir villur sem <a href="http://validator.w3.org“ target=”_blank">http://validator.w3.org</a>
kemur með við að validata XHTML 1.0 strict.
 
Fatal Error: no document type declaration; will parse without validation
 
Í XHTML verður að skilgreina af hvaða tegund skjalið
er, hvort það sé HTML eða XHTML, hvaða version og af
hvaða "styrkleika". 
Þessu er bætt við í fyrstu línuna í skjalinu,
á undan <html>. 
"Strangt": <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
"Venjulegt" : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Ef notað er frameset: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Frameset //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Fólk verður bara að ákveða fyrir sjálft sig
hvað það vill nota, sjálf nota ég strict, það
er aðeins meira vesen, en þegar maður kemst upp á lag með
það er það lítið mál. Svo er líka
gott, ef maður er að fara validatea síðu sem er skrifuð
í HTML 3.2, eða 4 að byrja á að validatea hana í
transitional, og færa sig svo yfir í strict þegar maður
er komin upp á lag með þetta allt saman. 

Warning: No Character Encoding detected! To assure correct validation, processing,
and display, it is important that the character encoding is properly labeled. 
Það er betra að skilgreina hvaða stafasett er notað. Hið
vestræna stafasett (sem við notumst við) heitir iso-8859-1. 
Þessu er semsagt bætt við skjalið, í línuna
eftir <!DOCTYPE> 
<?xml version="1.0" encoding="iso-8859-1" ?> 

Error: element "foo" not allowed here; check which elements this
element may be contained within 
Tög verða að vera nestuð rétt, þ.e. Foo
er ólöglegt, það verður að vera Foo,
semsagt tögin verða að lokast í sömu röð og
þau voru opnuð. 
 
Oft kemur þessi villa þegar verið er að vinna með töflur
og form. Það var ákveðið "shitmix" að
setja <form> tagið einhverstaðar inn í miðja töfluna
til þess að fela marginið sem formið tekur með sér,
það má sem sagt ekki. Það verður að opna
<form> á undan töflunni, og loka því á
eftir henni. Nú fer fólk að velta fyrir sér þessu
blessaða margini sem er svo mikið hatað, en "Where there's
will, there's a way" og eins og svo margt annað, þá er
þessu reddað með CSS: <form style:"0px, 0px, 0px, 0px">
og vola, því vandamáli reddað. 
Ef það er verið að vinna með mörg form á sömu
síðunni verður að hafa hvert form inn í <td>
og byrja þar nýja töflu ef maður vill. 
Algeng tög sem maður óvart nestar vitlaust eru: form, td, tr,
table, li, ul.
 Ábending, ef maður indentar kóðan sinn vel (ég
nota tvö space svo hann sjáist alltaf eins) þá verður
mun einfaldara að finna svona vitleysur og koma í veg fyrir fleiri. 

Error: end tag for "tr" omitted; end tags are required in XML
for non-empty elements; empty elements require an end tag or the start tag must
end with "/>" 
Það verður að loka ÖLLUM tögum í XHTML, líka
þeim sem taka ekkert með sér. Ef tög taka einhvað
með sér, t.d umkringja texta þá er notuð þessi
aðferð: <div>Texti</div>. Ef tögin taka aftur á
móti ekkert með sér, t.d þá er notuð
þessi aðferð: . Bilið á undan / er sett
til þess að netscape skilji hvað maður er að gera, en
er algjörlega samtkvæmt staðlinum. 
Algengt er að fólk hafi tamið sér að loka ekki eftirfarandi
tögum: 
br, input, img, meta, option, li. Þar sem síðustu tvö
taka eitthvað með sér en hefur ekki verið nauðsynlegt
að loka hingað til. 

Error: there is no attribute "language" for this element (in this
HTML version) 
Eftir að CSS kom til sögunar urðu mörg attribute óþörf
í HTML og voru rudd úr vegi fyrir hið nýja og guðdómlega
CSS. Í XHTML var þeim einfaldlega hent, og notkun þeirra
bönnuð. 

<table border=“0” cellspacing=“0” cellpadding=“0” width=“438”> <tr> <td>Bannað attribute</td> <td>(mín) Lausn </td> </tr> <tr> <td>fyrir <body></td> <td> </td> </tr> <tr> <td>bgcolor</td> <td>endur skilgreina body í css.</td> </tr> <tr> <td>text</td> <td>endur skilgreina body í css.</td> </tr> <tr> <td>link</td> <td>nota css selector.</td> </tr> <tr> <td>vlink</td> <td>nota css selector.</td> </tr> <tr> <td>alink</td> <td>nota css selector.</td> </tr> <tr> <td>leftmargin</td> <td>endur skilgreina body í css.</td> </tr> <tr> <td>topmargin</td> <td>endur skilgreina body í css.</td> </tr> <tr> <td>marginwidth</td> <td>endur skilgreina body í css.</td> </tr> <tr> <td>marginheight</td> <td>endur skilgreina body í css.</td> </tr> <tr> <td>fyrir <td></td> <td> </td> </tr> <tr> <td>width</td> <td>nota myndir til þess að teyja á cellum.</td> </tr> <tr> <td>height</td> <td>nota myndir til þess að teyja á cellum.</td> </tr> <tr> <td>bgcolor</td> <td>nota class í css.</td> </tr> <tr> <td><img></td> <td> </td> </tr> <tr> <td>border</td> <td> endurskilgreina img í css.</td> </tr> <tr> <td>align</td> <td>nota töflur til þess að staðsetja myndir, eða layera.</td> </tr> <tr> <td>fyrir <form></td> <td> </td> </tr> <tr> <td>name</td> <td>er orðið að id, sjá hér að neðan.</td> </tr> <tr> <td>fyrir <script> </td> <td> </td> </tr> <tr> <td>language</td> <td>í staðinn fyrir language notar maður type.</td> </tr></table>
 Svo voru önnur sem var skipt um nafn á, s.s attributið "name"
sem mikið var notað fyrir <form>,<a>,<div> of fleira,
var skipt út fyrir "id", allir browserar skilja "id"
(held ég allavegna) þannig að ykkur er óhætt að
fara bara og replacea allt "name" fyrir "id". 

Error: attribute values must be quoted in XML 
Error: an attribute value must be quoted if it contains any character other
than letters (A-Za-z), digits, hyphens, and periods; use quotes if in doubt
 
Öll attribute verða að vera innan gæsalappa. 

Error: element "foo" not defined in this HTML version 
Þegar XHTML staðalinn var þróaður, var ákveðið
að taka svolítið til í HTMLinu, sem var orðið
skuggalega yfirgripsmikið. Þá var ákveðnum tögum
hennt út, fyrir sum komu ný, önnur voru tekin út fyrir
CSS. Þetta eru tög sem sjást sjaldan í kóða
þessa dagana, en ég hef heimilidir fyrir því að
hugi.is stelist til þess að nota þau af og til. Þetta
er vondur ávani, og sparar lítinn tíma til framtíðar.
Ég hvet ykkur því að hætta að skrifa þessi
löngu útdauðu tög, og fara að gera það sem
er rétt og gott í staðinn.
Meðal þessara taga eru: 
 
<center> 
<isindex> 

Önnur ástæða fyrir þessari villu getur verið
að tögin séu skrifuð í hástöfum, sem
er bannað samkvæmt XHTML staðlinum. Öll tög og attribute
eiga að vera skrifup með í lágstöfum. 

Error: end tag for element "foo" which is not open; try removing
the end tag or check for improper nesting of elements 
Þetta segir nú eiginlega allt sem segja þarf. Þessi
villa kemur þegar tagi er lokað sem hefur ekki verið opnað.
Eða tögin eru vitlaust nestuð. Nú er bara að fara og
lesa vel yfir kóðan, til þess að finna vitleysuna. 

Error: required attribute "foo" not specified 
Sum tög hafa ákveðin grunn attribute sem verða að
vera skilgreind. 
<img>: tekur alltaf með sér alt. Þetta er gert fyrir
tal-browsera, og fólk sem af einhverri ástæðu getur
ekki séð myndir. Ef þið viljið ekki hafa alt, þá
getið þið haft það tómt. alt="". <img>
tekur líka með sér width and height, þetta er góð
regla að temja sér til þess að gera síðurnar
auðloadanlegri. Ef það er eitthvað vesen með þetta,
og þið eruð að nota php (veit ekki hvort þetta er til
í asp, og jsp) þá er til function sem hetir getImageSize("mynd.png")
og skilar arrayi, í þriðja keyinu í arrayinu er svo
geymdur textinn width="breidd myndarinnar" height="hæð
myndarinnar". 
<form>: tekur alltaf með sér action. þegar þið
viljið ekki action, þá getið þið bara sett urlið
á sjálfri síðunni í action, gerir sama hlutinn,
jafnvel betur. 
<script> og <style>: tekur alltaf með sér type. 

Error: unknown entity "foo" 
Error: reference not terminated by refc delimiter 
Þegar XHTML rekst á & í texta býst hann við
special character, eins og &nbsp;. Þegar við erum aftur á
móti að nota & í urlum (?nafn=eg&simi=5556666) þá
kemur villa, hún reynir að þýða special characterinn
&simi og getur það náttúrulega ekki, einnig kemur
villa því það vantar ; eftir special characternum. Þetta
er leyst með því að í staðinn fyrir að sktifa
& þá skrifum við special characterinn &amp; og allt
rennur eins og skildi. 

Error: missing a required sub-element of "foo" 
Sum tög taka alltaf með sér undir tög, s.s <table>
tekur með sér <tr> sem tekur með sér <td>
og <select> tekur með sér <option>. Ef þessi villa
kemur upp þá vantar undir tagið. 

Error: value of attribute "foo" cannot be "foobaric";
must be one of "foobar", "foobarian", "tralli" 
Þessi villa kemur oftast þegar maður ruglar saman align
og valign. Þetta er semsagt ekki rétt gildi á attributi
fyrir tag :) 
Svona til þess að sýna þetta þá má: 
align fá "left", "center", "right", "justify",
"char" og 
valign fá "top", "middle", "bottom", "baseline". 

Error: duplicate specification of attribute "foo" 
Að sjálfsögðu má ekki tvítaka attribute,
þetta skeður samt af og til þegar maður er með mikið
af attributum, eina leiðin til þess að leysa þetta er bara
að ákveða hvað maður vill hafa og henda hinu út.



Vonandi hjálpar þetta eitthvað. Ég tók eftir því við þessi skrif mín hvað vantar íslensk
orð fyrir þennan iðnað. Spurning um að einhver máljöfurinn
setjist niður og finni íslensk orð fyrir: tag, attribute, special
character o.s.frv.</p

*————————-*

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Greinar

Hinar ógurlegu xhtml villur

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi