Avatar billede mik789 Nybegynder
28. februar 2004 - 15:34 Der er 44 kommentarer og
2 løsninger

hvordan virker <link>

<link> bruges mest til stylesheets som: <link rel="stylesheet" [osv.]> Men her er et site der også bruger <link rel="help"> og <link rel="section"> til at angive filer som der senere linkes til i menuen. Se: http://gemal.dk

Hvad er fidusen? Er det sådan at de filer der er angivet i <link> tag'et loades sammen med siden og det derfor bliver hurtigere at skifte til de pågældende sider? Eller hvordan præcist virker <link>?
Avatar billede mik789 Nybegynder
28. februar 2004 - 15:37 #1
se også: http://www.w3schools.com/tags/tag_link.asp for at se hvor mange værdier for rel der faktisk er.
Avatar billede roenving Novice
28. februar 2004 - 15:46 #2
Prøv at kigge på w3cs definition, der er noget læsestof, som jeg ikke har kigget helt igennem, men det jeg nåede var relevant:

http://www.w3.org/TR/html401/struct/links.html#edef-LINK
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 15:47 #3
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 15:54 #4
Det der står er, at hvis en browser forstår <link> elementet, så kan den udnytte det til at gøre det nemmere for hjemmesidedesignere at lave meningsfyldt navigation mellem de forskellige HTML-dokumenter.
I en onlinemanual er der f.eks. typisk link til det efterfølgende kapitel, og som der er med <a> elementet skal designeren selv skrive <a href="whatever.html">next</a> og så videre. Dette kan istedet gøres med <link rel="next" href="whatever.html"> (forudsat at browserne forstår det...).
Avatar billede skovenborg Nybegynder
28. februar 2004 - 15:56 #5
nogle browsere - fx Opera - kan vise en navigationsbar som bruger disse link-typer. På den måde kan man, som rasmusbg siger, lave en nem form for navigation på siderne. W3C bruger det også i nogle af deres recommendation.
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:05 #6
ok. men hvad er det reelt der bliver nemmere? eller hurtigere?
i eksemtplet med gemals side har han både angivet siderne som <link rel="section" href="url.html" [osv.]> i <head></head> og som <a href="url.html">menupunkt</a> i sin menu blok. Så det er jo ikke fordi det er nemmere?
Avatar billede skovenborg Nybegynder
28. februar 2004 - 16:07 #7
I grunden ingenting - medmindre browseren kan finde ud af at bruge dem ordentligt. Det er jo en slags extra "standariseret" menu.
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:10 #8
hvis I ser i det w3.org dokument i selv linker til helt fra toppen, kan I se en menu som netop har punkterne "previous", "next" osv. Koden er:

<head>
<link rel="next" href="objects.html">
[...]
</head>

<body>
<div class="navbar" align="center">&nbsp;<a href="tables.html">previous</a>
&nbsp; <a href="objects.html">next</a> &nbsp; <a href="../cover.html#minitoc">
contents</a> &nbsp; <a href="../index/elements.html">elements</a> &nbsp; <a
href="../index/attributes.html">attributes</a> &nbsp; <a href=
"../index/list.html">index</a>
<hr></div>
[...]

Altså det samme to gange. Så det er da ikke nemmere. Jeg kan overhovedet ikke se fordelen. Men er der noget der går hurtigere på denne måde?
Avatar billede roenving Novice
28. februar 2004 - 16:14 #9
Hvis browseren nu forstår det, kan den, såvidt jeg forstår rasmusbg og skovenborg, oprette en navigationsting, som er en browser-ting, og derfor ikke kun er et bestemt sted i html-dokumentet !-)
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:15 #10
roenving> hvad vil det sige??? forstår ikke en sk..
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 16:15 #11
Nu er det også kun nemmere, hvis browserne kan finde ud af at bruge <link> elementet til noget. IE understøtter det f.eks. ikke, men som skovenborg nævner, så kan Opera f.eks. finde ud af det.
Grunden til at de sætter begge dele ind er, at w3c er klar over, at alle ikke bruger Opera ;o)
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:18 #12
vil det så sige at hvis man kun kodede for Opera så behøvede man ikke <a> tag'et i menu-div'en. Men hvordan koder man så menuen? Et eller andet skal der vel stå for at browseren kan vide hvor dan skal sættes ind.
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 16:20 #13
Den navigationsting kan være en menulinie, hvor der er knapper til at navigere til næste side eller til forrige side.
Hvis du ser i bunden af denne side: http://www.w3.org/TR/html4/struct/links.html
så kan du se, der er nogle links, der hedder next, previous osv. med <link> vil man kunne spare disse links, fordi browseren har en menulinie med knapper til det samme.
Avatar billede skovenborg Nybegynder
28. februar 2004 - 16:25 #14
næ nej - du skal skam stadig definere a-tags selvom browseren forstår at udnytte link-tagsene. De to har slet ikke noget med hinanden at gøre. Det er selvfølgelig svært at forstå brugen af disse link-tags når man ikke kan se dem i aktion.

Som der står i W3C's definition så går det ud på at den enkelte browser kan bruge disse link-tags til fx en ekstra navigationsbar eller hvad de nu har lyst til. Når jeg siger navigationsbar så mener jeg ikke noget der ses direkte i html-dokumentet, men blot en ekstra tollbar - ligesom den normale du har i IE med Back- og Forward knapper.
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:25 #15
rasmusbg> ja det er præcis den samme menu som jeg nævnte før, som også er i toppen.
Jeg har ikke selv Operera lige på denne PC, men det du siger er, at i Opera er der knapper der svarer til f.eks. næste, forrige (men ikke det samme som frem/tilbage i history). Og disse knapper tager så automatisk værdierne fra <link rel="previous"> og <link rel="next"> ???
Avatar billede skovenborg Nybegynder
28. februar 2004 - 16:26 #16
mozilla (ikke firebird/fox) viser også automatisk denne ekstra navigationsbar. I Firebird/fox kan du installere en extension ved navn NavButtons eller den lidt mere omfattende Link Toolbar
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:27 #17
ok, vi snakker lidt i munden på hinanden. Men min kommentar 16:25:20 er netop det samme som skovenborg siger 16:25:16. Så det er vel det det drejer sig om
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:29 #18
OK. Så er det forstået. gemals site er et dediceret Mozilla site, så det forklarer det jo ;-)
[gad vist hvordan det så virker med <link rel="section"> så? - er der også knapper for det i browserpanelet?]
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 16:29 #19
skovenborg > Hvorhenne viser Mozilla den? Jeg har aldrig set den...
Avatar billede roenving Novice
28. februar 2004 - 16:31 #20
Den er som standard slået fra, men ligger under View --> Show/Hide --> Site Navigation Bar ...
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:33 #21
roenving & rasmusbg> læg i også et svar, så deler I. Alle har jo haft det samme idé...
Avatar billede roenving Novice
28. februar 2004 - 16:34 #22
I min (Moz 1.5) er der:

Top, Up, First, Previous, Next, Last, Document og More som muligheder !-)
Avatar billede roenving Novice
28. februar 2004 - 16:35 #23
Nej da, skovenborg skal da også have mulighed for at gøre opmærksom på noget, jeg kan lære, engang imellem ...
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:36 #24
rasmus?
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 16:39 #25
svar
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:39 #26
ok, tak for hjælpen alle...
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 16:46 #27
mik789 > Her er et screendump af hvordan det ser ud i Mozilla :o)
http://grouleff.sytes.net/scrdump/image1.jpg
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:54 #28
rasmus> OK, det er jo smart, det kan jeg godt se....
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 16:58 #29
mik > Jeps...det er bare ærgeligt, at alle browsere ikke kan finde ud af at bruge <link>
Avatar billede mik789 Nybegynder
28. februar 2004 - 16:58 #30
kan man godt have både Moz 1.5 og Firefox installeret på samme PC?
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 17:01 #31
Det kan du sikkert godt, bare de er installeret forskellige steder...
Avatar billede Slettet bruger
28. februar 2004 - 21:17 #32
Jeg kommer godt nok lidt sent ind her, men alligevel:

For at forstå lidt af tankegangen bag at lave den slags tags, så prøv at forestille dig, hvis hver eneste email, du fik så forskellig ud. Hvis den kom fra mig, skulle du lede efter besvar og slet-knapper, og de ville være andre steder og se anderledes ud, end hvis emailen var fra f.eks. roenving. Det ville være et helvede at skulle leve med.

Men det er faktisk sådan de fleste websites bliver set af de fleste brugere idag. De eneste ting, der opfører sig ens på alle sider, (fordi de ligger i browseren) er Frem, Tilbage, Reload, Hjem og bogmærker - og Reload opfører sig ikke engang ens på alle sider. Alt andet er individuelt for siden, man er på.

Disse <link>-tags giver en mulighed for at brugerne hurtigt og let kan finde frem til f.eks. indholdsoversigten på et site, eller næste side af en flersiders artikel. Det er bare synd, at hovedparten af internetbrugere har en forældet browser, der ikke kan udnytte det, men det behøver jo ikke holde os andre tilbage.
Avatar billede rasmusbg Nybegynder
28. februar 2004 - 21:44 #33
Helt enig sandbox!
Avatar billede skovenborg Nybegynder
29. februar 2004 - 00:17 #34
en rigtig god pointe sandbox :-)
Avatar billede Slettet bruger
29. februar 2004 - 00:52 #35
Nu får jeg lige lyst til at uddybe min slutpointe:

Jeg går ind for at lave sider, der virker på en hvilken som helst browser. Men jeg tager ikke specielle hensyn til forældet teknologi. Det vil f.eks. sige, at browsere, der ikke kan finde ud af css, men prøver alligevel, er IKKE mit problem. (Dog designer jeg ikke med krav om pixel-perfekt præcision, så IE's fejlagtige box-model er ikke et problem på mine sider.)

Standarderne har hele tiden sagt, at er der en tag, browseren ikke kender, skal den ignorere taggen. Derfor vil f.eks. IE pænt springe over <link>. Vi får udvidet funktionalitet - uden at det ødelægger noget i andre browsere. For dem er prisen bare ca. 20-40 bytes pr. link. Tilsammen bliver det mindre end et lille reklamebanner.
Avatar billede mik789 Nybegynder
29. februar 2004 - 08:23 #36
jeg kan godt se fidusen. Jeg downloadede Firefox' Link Toolbar og det virker jo fint. Der har man også en "Top" knap som jeg går ud fra er til <link rel="home"> og derfor burde hedde "Home" snarere end "Top". Det ville nemlig være smart med en rigtig "Top" knap (altså til toppen af siden, hvis der var mulighed for <link rel=top" href="#top">, men det er der ikke) i listen på http://www.w3schools.com/tags/tag_link.asp.
Avatar billede skovenborg Nybegynder
29. februar 2004 - 10:49 #37
sjovt for home står da vist ikke i W3C's liste over link typer - her bruges der start i stedet:
http://www.w3.org/TR/html401/types.html#type-links
Avatar billede rasmusbg Nybegynder
29. februar 2004 - 10:52 #38
Man kan selv definere værdierne i rel- og revattributterne
Avatar billede skovenborg Nybegynder
29. februar 2004 - 10:57 #39
det er helt rigtigt - men gør man det er det jo ikke sikkert browseren forstår dem ordentligt. Fx i Link Toolbar smider den jo Home ind i undermenuen More.
Avatar billede rasmusbg Nybegynder
29. februar 2004 - 11:05 #40
Det er jo så ulempen. Men om ikke andet, så er den der da ;o)
Avatar billede mik789 Nybegynder
29. februar 2004 - 11:21 #41
skovenborg 29/02-2004 10:49:42> jeg regner med at i min nye Firefox Link Toolbar er "start" det der svarer til "First"-knappen (nemlig: "First in series" - dvs. i sammenhæng med "previous", "next" og "last"). Og "Top"-knappen er altså det der svarer til "home" (som er med i w3schools' liste).
Avatar billede mik789 Nybegynder
29. februar 2004 - 11:33 #42
skovenborg 29/02-2004 10:57:55> ja, det er ulogisk når der i tooltippet til "Top" står "Top of website" - for det kan vel ikke forstås anderledes end "Home". For at aktivere "Top"-knappen i Firefox skal der i <link> taggen stå rel="top" (selv om denne ikke er med i w3sccols liste). Men man kan så også bare linke til href="#top" (sammen med <a name="top"> i starten af dokumentet) og få den virke som "Top of page" i stedet (har prøvet - og det virker). Bare ærgeligt at teksten i tooltippet siger "Top of website" - kan man tilpasse tooptip-teksterne?
Avatar billede skovenborg Nybegynder
29. februar 2004 - 11:37 #43
Som rasmusbg siger så må den enkelte browser gerne definere sine egne link-typer. Fx nævner standarden ikke noget om first og last, men det er så blevet normalt alligevel at have dem med i fx denne Link Toolbar.

Der er altså ikke nogen klar standard for hvad for nogle linkknapper den bør have med som standard. I Link Toolbars tilfælde smider den alle linktyper den ikke umiddelbart kan placere på de 6 forskellige knapper ind i menuen More. Så det er helt op til den enkelte browser (eller extension ;-) hvad den mener der bør stå eller hvad den mener der er mest logisk at knapperne bør referere til.
Avatar billede skovenborg Nybegynder
29. februar 2004 - 11:41 #44
...og man kan for så vidt godt lave om på tooltip teksterne. Extensionen er til helt fri afbenyttelse og du må derfor godt ændre i den (hvordan man gør ved jeg umiddelbart ikke ;-)

Du kan finde de forskellige extensions i WinXP:
document and settings\<DIT BRUGERNAVN>\Application Data\Phoenix\Profiles\default\<Mærkeligt tal>\chrome\ og så ligger den som filen linkToolbar.jar

Hvis du ikke bruger WinXP så søg efter denne fil - kan ikke lige huske hvor den ligger ud over den kan findes i Windows mappen.
Avatar billede mik789 Nybegynder
29. februar 2004 - 11:52 #45
fandt ud af det med tootipsene. Man skriver bare sin egen i <title> taggen som så overskriver default teksten. Hvis jeg f.eks. vil have Link Toolbarens "Top" til at være "Top of page" i stedet for "Top of website" (standard), skriver jeg bare <link rel="top" href="#top" title="Top of page">
Avatar billede mik789 Nybegynder
29. februar 2004 - 11:53 #46
korrektion: ikke <title> taggen, title attributten ;-\
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Riskpoint A/S (Riskpoint Solutions Limited)

IT Business Analyst