Ein Hauptunterscheidungsmerkmal zwischen Websites und anderen Formen von Kommunikationsmedien ist die Idee von "Links" oder Hyperlinks, wie sie im Webdesign technisch bekannt sind.
Links und Bilder helfen nicht nur dabei, das Internet zu dem zu machen, was es heute ist, sondern auch die am häufigsten hinzugefügten Elemente auf Webseiten. Dankenswerterweise lassen sich diese Elemente einfach hinzufügen (nur zwei grundlegende HTML-Tags) und sie können Aufregung und Interaktivität zu anderen Textseiten bringen. In diesem Artikel erfahren Sie mehr über das (Anker) -Tag, bei dem es sich um das eigentliche HTML-Element handelt, das zum Hinzufügen von Links zu Webseiten verwendet wird.
Links hinzufügen
Ein Link wird in HTML als Anker bezeichnet. Das repräsentierende Tag ist also das A-Tag. Normalerweise bezeichnen die Leute diese Zusätze 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 die Webseitenadresse verweisen, zu der die Benutzer wechseln sollen, wenn sie auf diesen Link klicken oder tippen (wenn sie sich auf einem Touchscreen befinden). Sie geben dies mit dem Attribut an.
Das href Das Attribut steht für "Hypertextverweis" und dient dazu, die URL anzugeben, an die der Link weitergeleitet werden soll. Ohne diese Informationen ist ein Link unbrauchbar - er würde dem Browser mitteilen, dass der Benutzer irgendwo hingebracht werden sollte, er hätte jedoch keine Zielinformationen zur Verfügung, wo "irgendwo" sein sollte. Dieses Tag und dieses Attribut gehen Hand in Hand.
Um beispielsweise einen Textlink zu erstellen, schreiben Sie:
Text, der als Link dient
Um auf die Homepage von About.com Web Design / HTML zu verlinken, schreiben Sie:
Lebensdraht
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
und Stichworte. Sie können auch Platzhalterlinks erstellen, indem Sie die Option weglassen href Attribut - aber stellen Sie sicher, dass Sie die href-Informationen zu einem späteren Zeitpunkt aktualisieren oder der Link führt beim Zugriff zu nichts.
HTML5 macht es möglich, Elemente auf Blockebene wie Absätze und zu verknüpfen DIV Elemente. Sie können ein Ankertag um einen viel größeren Bereich hinzufügen, z. B. eine Abteilungs- oder Definitionsliste, und der gesamte Bereich ist "anklickbar". Dies kann besonders hilfreich sein, wenn Sie versuchen, größere, fingerfreundliche Trefferbereiche auf einer Website zu erstellen.
Einige Dinge, die beim Hinzufügen von Links zu beachten sind
- Die endgültige Tag ist erforderlich. Wenn Sie vergessen, es einzuschließen, wird alles, was auf diesen Link folgt, ebenfalls verknüpft, bis ein anderer Link das Tag schließt.
- In der Regel ist es am besten, einzelne Bilder und kurze Textabschnitte zu verknüpfen, anstatt große Textblöcke. Links können Farben und Unterstriche zu Ihrer Seite hinzufügen, die schwer lesbar sein können. Natürlich können Sie CSS verwenden, um diese Verknüpfungsstile zu ändern, Farben zu bearbeiten oder Unterstreichungen zu entfernen. Es ist jedoch immer noch gut, sich dieser Realität bewusst zu sein.
- Überprüfen Sie Ihre Links, damit sie nicht schlecht werden. Durch Link Rot können sowohl Benutzer als auch Suchmaschinen Ihre Website für ungültig erklären. Verwenden Sie regelmäßig einen Link-Checker, um die Links auf Ihren Seiten zu überprüfen. Dies gilt insbesondere, wenn Sie Links zu Websites von Drittanbietern herstellen (Websites, die Sie nicht verwalten) und deren Seiten gelegentlich geändert werden, sodass Sie tote Links hinterlassen. Ein Link-Checker findet diese toten Links, damit Sie die erforderlichen Updates vornehmen können.
- Vermeiden Sie Text wie "hier klicken" in Ihrem Link. Denken Sie daran, dass Benutzer mit Touchscreens nicht "klicken" können, so dass sich Text wie ein Produkt aus einer vergangenen Ära anfühlt und im heutigen Multi-Device-Centric Web nicht relevant ist.
Andere interessante Arten von Links
Das EIN Element erstellt eine Standardverknüpfung zu einem anderen Dokument. Es gibt jedoch andere Arten von Links, an denen Sie möglicherweise interessiert sind:
- Interne Links oder Anker - Hierbei handelt es sich um Links zu einer beliebigen Seite innerhalb einer Webseite, die nicht unbedingt oben ist.
- Image Maps - Mit Image Maps können Links zu Bildern erstellt werden, die bestimmten Bereichen des Bildes zugeordnet sind. Diese können für Spiele oder für die kreative Navigation verwendet werden. Sie werden häufig mit Karten angezeigt, in denen Bereiche auf der Karte anklickbar sind. Beachten Sie, dass Image-Maps auf den meisten modernen Websites nicht verwendet werden, zum Teil, weil sie Probleme auf mobilen Geräten verursachen können.
- Das Element - Dieses Element wird verwendet, um andere Dokumente und Seiten mit dem aktuellen zu verknüpfen. Es wird zwar kein anklickbarer Bereich auf Ihrer Webseite erstellt, es ist jedoch hilfreich zu verstehen.
