3 spørsmål (HTML5): <base> tag m.m.

Et generelt forum for deg som trenger hjelp til webutvikling.

3 spørsmål (HTML5): <base> tag m.m.

Innlegg Madolite » 20.08.2015 20:05

Hei folkens, jeg lærer for tiden HTML5 ifra Derek Banas (https://www.youtube.com/watch?v=kDyJN7qQETA) og har litt trøbbel med å få <base>-taggen min til å finne en bildefil m.m.

Som jeg skjønte, refererer <base> til en standard URL som dokumentet bruker som utgangspunkt for å finne gitte målfiler. I mitt tilfelle: <base href="http://localhost/mado/" />, altså (slik jeg forstår) alt som ligger inni mado-mappen min. Problemet er bare at ingenting fungerer, og jeg antar at dette er simpelthen fordi mado-mappen ligger på lokal PC og ikke på en server med URL.

1: Er dette grunnen til at <base> ikke klarer å finne localhost - fordi filene som html-dokumentet leter etter må ligge online på en gitt URL-adresse? Eller er "localhost" et keyword som skal klare å finne ting online såvel som lokalt? (Jeg er med andre ord litt usikker på hvilke begrensninger hypertext transfer protokollen har (altså om det finnes keywords, som localhost, som tillater den å lete på lokal maskin).

2: Burde jeg laste opp alle målfilene på mitt webhotell, for å dra utbytte av <base>? Eller er <base> en valgfri (kanskje også overflødig?) tag? Hva er plusser og minuser ved bruk av base?

3: Hva er standardmetoden for å bygge og oppdatere en webside? Er det så enkelt som at man lager en egen "under construction" side som man dirigerer all nettrafikk (gjennom <meta>-taggene), for deretter å bytte ut dette med den ferdige siden, gjennom å skifte om på metaene? Jeg har ikke noe imot at folk ser på mens jeg bygger websiden (tvert imot), men da må de skrive inn en spesifikk URL og ikke havne der gjennom nettsøk.

På forhånd takk!

(NB: Jeg bruker Google Chrome, hovedsakelig.)


Her er en et par snippeksempler for å illustrere <base>-problemet:

Kode: Merk alt
<head>
    <base href="http://localhost/mado/" />
</head>

<body>
    <img src="images/myImage.jpg">
</body>

^ Denne koden resulterer i blankt bildefelt.

Kode: Merk alt
<head>
    <!-- <base href="http://localhost/mado/" /> (<base>-taggen fjernet, med andre ord) -->
</head>

<body>
    <img src="images/myImage.jpg">
</body>

^ Nå dukker bildet opp uten problemer.
Madolite
Nytt medlem
 
Innlegg: 3
Registrert: 20.08.2015 19:23

Re: 3 spørsmål (HTML5): <base> tag m.m.

Innlegg ingeva » 20.08.2015 23:42

Madolite skrev:I mitt tilfelle: <base href="http://localhost/mado/" />, altså (slik jeg forstår) alt som ligger inni mado-mappen min. Problemet er bare at ingenting fungerer, og jeg antar at dette er simpelthen fordi mado-mappen ligger på lokal PC og ikke på en server med URL.

Erstatt href med target. Mulig at formatet ellers også må forandres litt. Sjekk det ut, jeg har liten tid akkurat nå.
"If you're staying with Microsoft you're getting more and more overwhelmed to update and change your whole IT infrastructure." Peter Hofmann . . . . Se her.
Brukerens avatar
ingeva
Seniormedlem
 
Innlegg: 1078
Registrert: 24.01.2011 6:48
Bosted: Sandvika

Re: 3 spørsmål (HTML5): <base> tag m.m.

Innlegg Madolite » 21.08.2015 1:24

Takk for svar. Haha jeg må le, jeg har nettopp sittet 10 timer på en ultrakonsis video og lært alt jeg trenger å vite om HTML5 for å starte bygging - tags, struktur, forms, canvas, lagring/henting, samt basic javascript, CSS3 og bitte litt php. Og så kommer jeg tilbake til NWF og ser at problemet mitt var såpass banalt! Bildet funker helt fint nå. :lol:

Takk igjen. Nå tar jeg meg en pause for helga og fortsetter med CSS3 fordypning til uka. Så blir det vel å studere flere tag attributes og deretter gå dypere inn på javascript og php. :)

God Helg!
Madolite
Nytt medlem
 
Innlegg: 3
Registrert: 20.08.2015 19:23

Re: 3 spørsmål (HTML5): <base> tag m.m.

Innlegg loathsome » 21.08.2015 3:48

ingeva skrev:
Madolite skrev:I mitt tilfelle: <base href="http://localhost/mado/" />, altså (slik jeg forstår) alt som ligger inni mado-mappen min. Problemet er bare at ingenting fungerer, og jeg antar at dette er simpelthen fordi mado-mappen ligger på lokal PC og ikke på en server med URL.

Erstatt href med target. Mulig at formatet ellers også må forandres litt. Sjekk det ut, jeg har liten tid akkurat nå.

Dette er helt feil.

Når du erstatter "href" med "target" gir du alle lenker som åpnes et annet target enn default (primært i bruk dersom du benytter deg av frames). Det har ingenting med den relative stien å gjøre, som Madolite spør om.

Du kan like greit fjerne hele base-taggen, Madolite, og resultatet vil bli det samme. Antagelsen din er forresten helt riktig (http://localhost finnes ikke på din maskin enda), det er ingen grunn til å bruke <base> når du kjører alt i en lokal HTML-fil. Vanligvis bruker du denne taggen i kombinasjon med rewrites og dette gjelder først når du tar høyde for forskjellige serveroppsett (f. eks kan det bli aktuelt når du begynner å lære deg PHP og vil lage "renere" URL-er).

Lykke til med lærdommen 8)
Sist endret av loathsome den 23.08.2015 2:22, endret 1 gang
Correlation does not imply causation
Brukerens avatar
loathsome
Seniormedlem
 
Innlegg: 4076
Registrert: 06.03.2005 21:07
Bosted: theta

Re: 3 spørsmål (HTML5): <base> tag m.m.

Innlegg ingeva » 21.08.2015 5:05

loathsome skrev:
ingeva skrev:
Madolite skrev:I mitt tilfelle: <base href="http://localhost/mado/" />, altså (slik jeg forstår) alt som ligger inni mado-mappen min. Problemet er bare at ingenting fungerer, og jeg antar at dette er simpelthen fordi mado-mappen ligger på lokal PC og ikke på en server med URL.

Erstatt href med target. Mulig at formatet ellers også må forandres litt. Sjekk det ut, jeg har liten tid akkurat nå.

Dette er helt feil.

Du har selvfølgelig rett. Dette er da også en av taggene som er anbefalt å IKKE bruke, og target og href er to forskjellige ting. Beklager feilen.

Grunnen til at det begynte å virke for Madolite er nok at hans bruk av <base.... anga en katalog som ikke finnes. Å gjøre den forandringen gjorde at det ble riktig.

Altså, Madolite: Kutt ut <base ... - taggen. Det går bedre uten.
"If you're staying with Microsoft you're getting more and more overwhelmed to update and change your whole IT infrastructure." Peter Hofmann . . . . Se her.
Brukerens avatar
ingeva
Seniormedlem
 
Innlegg: 1078
Registrert: 24.01.2011 6:48
Bosted: Sandvika

Re: 3 spørsmål (HTML5): <base> tag m.m.

Innlegg Madolite » 21.08.2015 18:47

Ok, sålenge det ikke er snakk om en kritisk strukturell tag, så dropper jeg den gjerne. Var bare veldig usikker på om det gikk under struktur-standarden som kommer med HTML5 (wrapper, header, main, oa). Altså noe som "bør være med".

Takk igjen. Og man kan jo alltids lage justeringer i fremtiden. :)
Madolite
Nytt medlem
 
Innlegg: 3
Registrert: 20.08.2015 19:23

Re: 3 spørsmål (HTML5): <base> tag m.m.

Innlegg khawaga » 03.09.2015 10:11

Jeg er ikke på nett så ofte for tiden, og så ikke dette før nå. Jeg tok en titt på den tutorialen det er referert til. Jeg orket å følge med i fem minutter, så slukket jeg den. Det ser ut som om opphavsmannen har tuklet litt med HTML4 transitional i forrige årtusen, gått i dvale, for deretter brått våkne til live igjen. Når man i 2015 begynner en tutorial med <blockquote>, <pre>, <hr> og wrapper, begynner i hvert fall *jeg* å lure. En tutorial på HTML5 burde starte med en forklaring på struktur, float og blokkmoduler, samt en innføring i de forskjellige tagger som er innført til erstatning for endeløse divver.

HTML5 tok over 10 år å ferdigstille til gyldig standard, men webutviklere over hele verden tok det i bruk for mange år siden, fordi nettlesere suksessivt har blitt oppdatert gjennom hele utviklingen, og fordi HTML5 er ytterst tilbakekompatibel og fleksibel. Det er ikke dermed sagt at man skal drasse med seg bagasje fra fortiden unødvendig.

Man kan i dag kode en nettside helt uten tagger som tidligere var obligatoriske, faktisk kan man til og med sløyfe <html> - dagens, såvel som gårdagens (men ikke forrige ukes) nettlesere estimerer at grunnleggende elementer er til stede ved bruk av <!doctype html>. En side kan eksempelvis se slik ut:
Kode: Merk alt
<!doctype html>
<title></title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="gfx/favicon.png">
<link rel="stylesheet" href="" media="all">
<script></script>
<header></header>
<nav>
<menu>
   <ul>
      <li><a href="" title=""></a></li>
   </ul>
</menu>
</nav>
<section>
   <article>
<h1></h1>
<p></p>
   </article>
</section>
<footer></footer>

... og det vil både virke og validere. Meta og link rel går rett under title, og den synlige siden starter med eksempelvis <header>. Keywords og en masse annet tjafs som tidligere lå i <head> er i dag stort sett overflødig pga roboters nye algoritmer.

Det har liten hensikt å bygge om eksisterende og fungerende nettsteder, men ved oppretting av nye sidesett kan det lønne seg å tenke rasjonelt, semantisk og moderne.
"Humans are destined party animals. Technology will follow." (Linus Torvalds)
Khawagas oppslagstavle og album
Brukerens avatar
khawaga
Seniormedlem
 
Innlegg: 4875
Registrert: 30.09.2002 22:34


Gå til Webutvikling

Hvem er i forumet

Brukere som leser i dette forumet: Ingen registrerte brukere og 6 gjester