HTML & CSSur HTML, XHTML & CSS
13 svar · 1 037 visningar · startad av OveRRidE
Hej på er forumgrannar! :)
Vilket är den korrekta taggen av dessa två?
<a name="#order">
eller
<a name="order">
Bägge två fungerar, men vilken är att föredra?
Det korrekta är att använda <a name="order">, den andra varianten validerar inte och fungerar inte i t.ex Mozilla baserade webbläsare.
red. glömde =, hoppsan.
mikkeX skrev:
Det korrekta är att använda <a name"order">, den andra varianten validerar inte och fungerar inte i t.ex Mozilla baserade webbläsare.
Jasså? Utan likhetstecken också? ;)
Tack.
OveRRidE skrev:
Jasså? Utan likhetstecken också? ;)
Tack.
Hoppsan, visst ska det var ett likamedstecken... sorry.
vad gör den där koden?
Den markerar ett anchor href, alltså ett 'bokmärke' i koden som sidan scrollar ner på när man klicka på en länk som innehåller #order.
Exempel på det OveRRidE just sa:
<a href="#dit">Hoppa till läget dit</a>
bla <br>
...
bla <br>
Tillräckligt många bla för att sidan skall bli
större än webbläsarfönstrets höjd <br>
<a name="dit"></a>
<h1>
Den här rubriken hamnar överst efter hoppet
eftersom den ligger omedelbart efter "dit"
</h1>
och ännu fler bla för att sidan även efter läget
skall bli större än webbläsarfönstrets höjd <br>
bla <br>
...
bla <br>
Du kan även länka in dig direkt till läget från ett annat dokument med:
<a href="sidan.html#dit">Länk</a>
finns det något sätt att få detta att fungera i en jättestor tabell?
<table>
<a name=apa1>
<tr>
<td>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
</td>
</tr>
<a name=apa2>
<tr>
<td>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
asdljkasdljads<p>
</td>
</tr>
</table>
ovan funkar inte så där jättebra :(
Du får inte ha a-taggen sådär inbäddad i tabellkoden, då kommer den inte validera i vissa läsare antagligen.
Lägg den i din td-tagg istället, det är ju ändå där du vill att den ska börja, eller hur?
Tänk på <a href="#dit"> som att # är en separator och att tecknet inte tillhör namnet. Jämför med <a href="?aaa=bbb"> som är en förkortning av <a href="sida.html?aaa=bbb">
En följdfråga här: I webläsare som visar kod enligt w3's rekommendationer så blir även text inom en <a name=...>-tagg formaterad som länkar. Vad kan jag göra för att fixa detta, förutom att inte ha någon text i <a name=...>-taggar?
aha.. man tackar! fungerar ypperligt!
nitro2k01 skrev:
En följdfråga här: I webläsare som visar kod enligt w3's rekommendationer så blir även text inom en <a name=...>-tagg formaterad som länkar. Vad kan jag göra för att fixa detta, förutom att inte ha någon text i <a name=...>-taggar?
Om du vill ha text ska ju texten läggas inom rätt element rent semantiskt. Är det en länk ska du ju köra med <A> och då är det ju rätt att texten blir formaterad som en länk.
Om det egentligen är en rubrik du vill länka till är det bättre att ge den ett id och länka till det.
Förstod jag dig rätt nu??? :)
<h2 id="rubrik">Välkommen</h2>
...
...
...
<a href="#rubrik">Tillbaka</a>
borta
nitro2k01 skrev:
En följdfråga här: I webläsare som visar kod enligt w3's rekommendationer så blir även text inom en <a name=...>-tagg formaterad som länkar. Vad kan jag göra för att fixa detta, förutom att inte ha någon text i <a name=...>-taggar?
En <a name="foo"> formateras som ren text, och inte som en länk, i såväl Firefox, Opera och Safari. Att sen CSS-selektorn a:hover matchar alla A element (oavsett om det har ett href-attribut eller inte) är en annan sak. ;)
Om du vill selektera alla länkar kan du använda:
:link:hover, :visited:hover
Att använda id-attributet är ett bättre alternativ dock, speciellt i XHTML eftersom name-attributet är "deprecated". :)