Ongelmia kuvien linkityksessä ja kuvia nettiin
Lähetetty: Su 21.03.2004 20:27
Säännöllisin väliajoin kuulee tuskailua siitä, miten joko img-tagilla viestiin liitetyt tai url-tagilla linkitetyt kuvat eivät näy. Tämän viestin tarkoituksena on esittää joitakin mahdollisia syitä ja ratkaisuja kyseiseen ongelmaan. Jos joku pystyy esittämään olennaisia ja tietoon perustuvia tarkennuksia, kirjoittakoon ne tähän perään. Opasta täydennetään tarpeen mukaan. Älkää kuitenkaan heitelkö arvauksia tai "me too"-henkisiä nollainformaatioviestejä. Toisin sanoen "pidä ketju siistinä".
Virheelliset nimet tai osoitteet
WWW-osoitteen, eli url:n, eli sen yleensä http:// -tunnisteella alkavan merkkijonon sivun reunassa voi sotkea lukemattomilla tavoilla. Jos osoite on väärin, selaimet yrittävät toisinaan arvata vaihtoehtoisia kirjoitusasuja ja joskus ehkä onnistuvatkin. Yleensä kuitenkin tuloksena on virheilmoitus. Ainakin seuraavat asiat kannattaa tarkistaa:
- Onko osoitteen edellä tai perässä muusta tekstistä jääneitä ylimääräisiä välimerkkejä (piste, pilkku, tagin osa)? Esimerkki toimimattomasta osoitteesta olisi vaikkapa http://sotavasara.net/-sivu, jolloin selain ei voi tietää osoitteen loppumiskohtaa. Tässähän haluttiin tehdä osoitteesta linkki ja sen perään teksti "-sivu", joka ei kuulu osoitteeseen. Ongelman voi kiertää useammalla tavalla:
1) Jätä ylimääräinen välilyönti molempiin päihin: http://sotavasara.net/ -sivu, http://uk.games-workshop.com/ !!!
2) Käytä url-tagia merkitsemään osoitteen loppua: "http://sotavasara.net/-sivu" tuottaa tuloksen http://sotavasara.net/-sivu.
3) Tietysti myös toinen url-tagin muoto käy. Suomen paras sivusto! => Suomen paras sivusto!
- Onhan kuva varmasti oikeassa paikassa käyttämälläsi verkkopalvelimella? Toisinaan näkee sivulla linkkejä, jotka alkavat "file://". Nämä viittaavat omalla kovalevyllä olevaan tiedostoon, jota kenelläkään muulla tuskin on. Muulle maailmalle näytettävän tiedoston pitää tietenkin sijaita ulkopuolisella verkkopalvelimella. (Jos olet virittänyt omalle koneellesi www-palvelimen, et todellakaan tarvitse tätä opasta.)
- Onko osoite oikein kirjoitettu ja sisältääkö se standardinvastaisia merkkejä?
Puhtaiden kirjoitusvirheiden ja katkenneiden rivien lisäksi ongelmia voi tulla siitä, että nettiosoitteet eivät voi sisältää mitä tahansa merkkejä. Esimerkiksi välilyönti, 'ä' tai 'ö' on jo standardinvastainen merkki. Selain voi tulkita nämä hyväntahtoisesti oikein tai sitten ei. Se mikä toimii sinulla, ei välttämättä toimi muilla. Helpointa on nimetä tiedostot vain hyväksytyillä merkeillä, eli kirjaimet A-Z, a-z, numerot, väliviiva ja pari muuta. Jos muita merkkejä pitää ehdottomasti käyttää, ne pitäisi korvata numerokoodeilla. Esimerkiksi välilyönti on %20. Osoite "jokin.sivusto/oma kuva.jpg" on oikeaoppisesti "jokin.sivusto/oma%20kuva.jpg". Huomaa myös, että hakemistojen erottimena on aina unix-tyylinen kauttaviiva '/', eikä koskaan Windowsin kenoviiva '\'. Jälkimmäinen saattaa toimia joissain sovelluksissa, mutta yleisesti ottaen se on väärä tapa, eikä useinkaan toimi muilla.
Yhteenveto tästä aiheesta: Kun liität osoitetta, erota se muusta tekstistä välilyönneillä, rivinvaihdolla tai -tagilla. Testaa linkin toimivuus esik ... google.com "Tilaa on 100mb"
IceEdit: Lisäsin otsikkoon maininnan yllä mainituista linkeistä. Iceman
MNedit: Korjasin viimeiset urlit. Matti Niemelä
Virheelliset nimet tai osoitteet
WWW-osoitteen, eli url:n, eli sen yleensä http:// -tunnisteella alkavan merkkijonon sivun reunassa voi sotkea lukemattomilla tavoilla. Jos osoite on väärin, selaimet yrittävät toisinaan arvata vaihtoehtoisia kirjoitusasuja ja joskus ehkä onnistuvatkin. Yleensä kuitenkin tuloksena on virheilmoitus. Ainakin seuraavat asiat kannattaa tarkistaa:
- Onko osoitteen edellä tai perässä muusta tekstistä jääneitä ylimääräisiä välimerkkejä (piste, pilkku, tagin osa)? Esimerkki toimimattomasta osoitteesta olisi vaikkapa http://sotavasara.net/-sivu, jolloin selain ei voi tietää osoitteen loppumiskohtaa. Tässähän haluttiin tehdä osoitteesta linkki ja sen perään teksti "-sivu", joka ei kuulu osoitteeseen. Ongelman voi kiertää useammalla tavalla:
1) Jätä ylimääräinen välilyönti molempiin päihin: http://sotavasara.net/ -sivu, http://uk.games-workshop.com/ !!!
2) Käytä url-tagia merkitsemään osoitteen loppua: "http://sotavasara.net/-sivu" tuottaa tuloksen http://sotavasara.net/-sivu.
3) Tietysti myös toinen url-tagin muoto käy. Suomen paras sivusto! => Suomen paras sivusto!
- Onhan kuva varmasti oikeassa paikassa käyttämälläsi verkkopalvelimella? Toisinaan näkee sivulla linkkejä, jotka alkavat "file://". Nämä viittaavat omalla kovalevyllä olevaan tiedostoon, jota kenelläkään muulla tuskin on. Muulle maailmalle näytettävän tiedoston pitää tietenkin sijaita ulkopuolisella verkkopalvelimella. (Jos olet virittänyt omalle koneellesi www-palvelimen, et todellakaan tarvitse tätä opasta.)
- Onko osoite oikein kirjoitettu ja sisältääkö se standardinvastaisia merkkejä?
Puhtaiden kirjoitusvirheiden ja katkenneiden rivien lisäksi ongelmia voi tulla siitä, että nettiosoitteet eivät voi sisältää mitä tahansa merkkejä. Esimerkiksi välilyönti, 'ä' tai 'ö' on jo standardinvastainen merkki. Selain voi tulkita nämä hyväntahtoisesti oikein tai sitten ei. Se mikä toimii sinulla, ei välttämättä toimi muilla. Helpointa on nimetä tiedostot vain hyväksytyillä merkeillä, eli kirjaimet A-Z, a-z, numerot, väliviiva ja pari muuta. Jos muita merkkejä pitää ehdottomasti käyttää, ne pitäisi korvata numerokoodeilla. Esimerkiksi välilyönti on %20. Osoite "jokin.sivusto/oma kuva.jpg" on oikeaoppisesti "jokin.sivusto/oma%20kuva.jpg". Huomaa myös, että hakemistojen erottimena on aina unix-tyylinen kauttaviiva '/', eikä koskaan Windowsin kenoviiva '\'. Jälkimmäinen saattaa toimia joissain sovelluksissa, mutta yleisesti ottaen se on väärä tapa, eikä useinkaan toimi muilla.
Yhteenveto tästä aiheesta: Kun liität osoitetta, erota se muusta tekstistä välilyönneillä, rivinvaihdolla tai -tagilla. Testaa linkin toimivuus esik ... google.com "Tilaa on 100mb"
IceEdit: Lisäsin otsikkoon maininnan yllä mainituista linkeistä. Iceman
MNedit: Korjasin viimeiset urlit. Matti Niemelä