WN - Kod för innehållsförtecknings-länkar.

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Kod för innehållsförtecknings-länkar. (https://www.wn.se/forum/showthread.php?t=33330)

Thir13teen

2008-11-17 01:07

Jag försöker få reda på hur man gör "innehållsförtecknings-länkar" som på t.ex. Wikipedia. Artiklar med fler än 3 sektioner får en innehållsförteckning med snabblänkar till sektionerna. När man klickar på en länk kommer man direkt till sektionen men det öppnas ingen ny sida eller liknande, man förflyttas på samma dokument. Exempel

Har googlat och kollat källkod men inte fått ut något.

ChristofferP

2008-11-17 01:18

http://www.w3schools.com/HTML/html_links.asp, kika under The Anchor Tag and the Name Attribute

Fredrik-s

2008-11-17 01:20

Det kallas för ankare och görs ganska enkelt med HTML. Du kan läsa mer om det här: Ankare

Edit: Jag hann inte först :)

Thir13teen

2008-11-17 01:27

Se där. Trodde det var en så gammal och utdöd grej att ingen skulle förstå vad jag menade. Tack för länkarna!

HMH	2008-11-17 09:50

Citat:

Originally posted by ChristofferP@Nov 17 2008, 02:18
...kika under The Anchor Tag and the Name Attribute

...fast skippa a-taggar med name-attributet. Länka istället på samma sätt till befintliga taggars id:n.

Kod:

<a href="#EttID">Länk till stycke längre ner</a>

<p id="EttID">Ett stycke längre ner...</p>

ChristofferP

2008-11-17 10:26

Det med id var faktiskt nytt för mig, och jag som trodde jag kunde sånt här :)

För framtida referens vill jag då revidera min länk, och som HMH säger, använd id istället. Mer information på http://www.w3.org/TR/html401/struct/...nchors-with-id och http://www.w3.org/TR/xhtml1/#h-4.10

Alla tider är GMT +2. Klockan är nu 12:39.