www.my-mode.com > tutorial > links | |||||||||||||||||||||
|
links bringen einen von A zu B, von keksen zu schweineschnitzel, von pontius zu pilatus kurz, von einer seite zur naechsten. und das alles mit nur einem einzigen tag, das zu dem auch noch aus nur einem buchstaben besteht:
<a>...</a>nun, leider ist es doch nicht so einfach wie gedacht, damit das anchor (=anker) tag seine gewünschte wirkung entfaltet, sind eine menge attribute notwendig. mit <a name="xxx">...</a>kennzeichnet man die stelle in einem dokument, auf die ein link springen bzw. verweisen soll. "xxx" steht dabei fuer den namen der "einsprungstelle". von woher soll aber gesprungen werden? eine solche stelle wird ebenfalls mit den <a>-tag ausgezeichnet, allerdings mit dem "href"-attribut: <a href="yyy#xxx">...</a>dabei steht "xxx" wieder fuer den namen der stelle in der html-datei, auf die der link verweist, "yyy" ist die adresse der betreffenden datei selbst. ein beispiel: <a href="http://www.my-mode.com/start.html#anfang">Start</a>die geschichte mit dem "name"-attribut ist nicht zwingend notwendig, ohne doppelkreuz und namensangabe springt der browser einfach zum anfang der angegebenen datei. aber "href" kann noch mehr. es kann naemlich auch zum verlinken auf eine mailadresse <a href="mailto:xxx@yyy.zz">...</a>oder aber sogar auf eine telefonnummer benutzt werden <a href="tel:01234567">...</a>das handy oeffnet dann seinen maileditor oder stellt automatisch eine telefonverbindung her. die sache mit den mails ist damit aber noch lange nicht ausgereizt, so kann man z.b. mit dem "subjekt"-attribut berreits den inhalt der betreff-zeile der email vorgeben, mit dem "body"-attribut auch deren inhalt selbst: <a href="mailto:xxx@yyy.zz" subjekt="my-mode mail" body="diese mail wurde ueber die seiten von www.my-mode.com verschickt">... </a> nun hat ein handy ja keine maus, mit der man einen link anklicken kann. vielmehr blaettert man sich nacheinander durch die links einer seite. zugegeben, das ist etwas laestig. als loesung bietet sich das attribut accesskey="x"an. dabei steht das "x" fuer 0-9, bei einigen handys auch noch fuer * oder #. kurz gesagt, ein druck auf die taste entspricht einem klick auf den link. <a href="http://www.my-mode.com/i" accesskey="1">(1) www.my-mode.com</a>wuerde den handybesitzer bei einem druck auf die taste "1" direkt an die i-modeTM-kompatible my-mode-seite weiterleiten. es gibt noch weitere attribute, auf die ich hier erst einmal nicht weiter eingehen will, ausfuehrlicher ist die sache mit telefon/mail ja auf der entsprechenden seite noch beschrieben. im zusammenhang mit links sollte das <base>-tag nicht unerwaehnt bleiben. mit seine hilfe kann man im kopf (!) einer cHTML-datei eine adresse definieren, auf die sich alle relativen links in der seite beziehen. ein beispiel soll dies verdeutlichen. steht im kopf der datei die zeile <base href="http://www.my-mode.com/">(kein end-tag!), dann wuerde in der datei der link <a href="index.html">...</a>auf die adresse "http://www.my-mode.com/index.html" verweisen. das kann durchaus praktisch sein und einem wieder ein paar bytes spaaren. |
||||||||||||||||||||