Einer der Hauptunterschiede zwischen Websites und anderen Kommunikationsmedien ist die Idee von "Links", oder", Hyperlinks wie sie im Webdesign technisch bekannt sind.
Links und Bilder tragen nicht nur dazu bei, das Web zu dem zu machen, was es heute ist, sondern auch die am häufigsten hinzugefügten Elemente auf Webseiten. Zum Glück sind diese Elemente einfach hinzuzufügen (nur zwei grundlegende HTML-Tags) und sie können Spannung und Interaktivität auf ansonsten reine Textseiten bringen. In diesem Artikel erfahren Sie mehr über das (Anker-)Tag, das das eigentliche ist HTML-Element verwendet, um Links zu Website-Seiten hinzuzufügen.
Hinzufügen von Links
Ein Link wird in HTML als Anker bezeichnet, und daher ist das Tag, das ihn repräsentiert, das A-Tag. Normalerweise bezeichnen die Leute diese Ergänzungen einfach als "Links", aber der Anker ist das, was tatsächlich zu jeder Seite hinzugefügt wird.
Wenn Sie einen Link hinzufügen, müssen Sie auf das Adresse der Webseite zu denen Ihre Benutzer gelangen sollen, wenn sie auf diesen Link klicken oder tippen (wenn sie sich auf einem Touchscreen befinden). Dies legen Sie mit dem Attribut fest.
Das href Das Attribut steht für „Hypertext-Referenz“ und hat den Zweck, die URL zu diktieren, zu der dieser bestimmte Link führen soll. Ohne diese Informationen ist ein Link nutzlos, da er dem Browser mitteilen würde, dass der Benutzer weitergeleitet werden soll irgendwo, aber es hätte nicht die Zielinformationen, wo das "irgendwo" sein sollte Sein. Dieses Tag und dieses Attribut gehen Hand in Hand.
Sie können fast alles auf Ihrer HTML-Seite verlinken, einschließlich Bilder. Umschließen Sie einfach die HTML-Elemente oder Elemente, die Sie als Link verwenden möchten, mit den und -Tags. Sie können auch erstellen Platzhalter-Links indem du das weglässt href -Attribut - aber stellen Sie sicher, dass Sie später zurückgehen und die href-Informationen aktualisieren, oder der Link wird beim Zugriff tatsächlich nichts tun.
HTML5 macht es gültig, Elemente auf Blockebene wie Absätze und. zu verlinken DIV Elemente. Sie können ein Anker-Tag um einen viel größeren Bereich herum hinzufügen, z. Dies kann besonders hilfreich sein, wenn Sie versuchen, größere, fingerfreundliche Trefferbereiche auf einer Website zu erstellen.
Einige Dinge, die Sie beim Hinzufügen von Links beachten sollten
- Das letzte Tag ist erforderlich. Wenn Sie vergessen, ihn einzufügen, wird alles, was diesem Link folgt, ebenfalls verlinkt, bis ein anderer Link das Tag schließt.
- Meistens ist es am besten, einzelne Bilder und kurze Textabschnitte zu verlinken, anstatt große Textblöcke. Links können Ihrer Seite Farben und Unterstreichungsstile hinzufügen, die schwer zu lesen sind. Natürlich können Sie CSS verwenden, um diese Links-Stile zu ändern und Farben zu bearbeiten oder Unterstreichungen zu entfernen, aber es ist dennoch gut, sich dieser Realität bewusst zu sein.
- Überprüfen Sie Ihre Links, damit sie nicht schlecht werden. Link Rot kann dazu führen, dass sowohl Benutzer als auch Suchmaschinen Ihre Website als ungültig betrachten. Verwenden Sie regelmäßig einen Link-Checker, um die Links auf Ihren Seiten zu überprüfen. Dies gilt insbesondere, wenn Sie auf Websites von Drittanbietern verlinken (die Sie nicht verwalten) und die ihre Seiten im Laufe der Zeit ändern können, sodass Sie tote Links haben. Ein Link-Checker findet diese toten Links, damit Sie alle notwendigen Aktualisierungen vornehmen können.
- Vermeiden Sie Text wie "hier klicken" in Ihrem Link. Denken Sie daran, dass Menschen mit Touchscreens nicht "klicken" können, sodass sich Text wie ein Produkt einer vergangenen Ära anfühlt und im heutigen, auf mehreren Geräten ausgerichteten Web nicht wirklich relevant ist.
Andere interessante Arten von Links
Das EIN -Element erstellt einen Standardlink zu einem anderen Dokument, aber es gibt auch andere Arten von Links, die Sie interessieren könnten:
- Interne Links oder Anker: Dies sind Links zu einer beliebigen Stelle innerhalb einer Webseite, nicht unbedingt zum Anfang.
- Imagemaps: Imagemaps ermöglichen das Erstellen von Links zu Bildern, die bestimmten Bereichen des Bildes zugeordnet sind. Diese können für Spiele oder kreative Navigation verwendet werden. Sie sehen sie oft bei Karten, bei denen Bereiche auf der Karte angeklickt werden können. Beachten Sie, dass Imagemaps auf den meisten modernen Websites nicht verwendet werden, teilweise weil sie können auf mobilen Geräten Probleme verursachen.
- Das Element: Dieses Element wird verwendet, um andere Dokumente und Seiten mit dem aktuellen zu verknüpfen. Es wird kein anklickbarer Bereich auf Ihrer Webseite erstellt, aber es ist nützlich zu verstehen.