<a> Tags werden hauptsächlich zum Definieren von Links und Lesezeichen verwendet und werden auch Hyperlinks oder Ankerlinks bezeichnet. Die häufigsten Verwendungen sind die folgenden:
Erstellen Sie ein Hyperlink -HREF -Attribut und springen Sie zum Link in der mittleren HREF =.<a href = https: //www.vevb.com/> www.vevb.com </a>Erstellen Sie ein Lesezeichen, verwenden Sie das Name oder ID -Attribut und das Ende des Hyperlinks, um # hinzuzufügen, und den Namen dieses Lesezeichens, um zu einem bestimmten Ort auf der Webseite zu springen
<a name = top> </a> <a name = 1> </a> <a name = 2> </a> <a href =#top> Zurück zu Top </a> <a href =#1> Öffnen Sie Kapitel 1 </a> <a href =#2> Kapitel 2 </a> Öffnen </a>
Wenn Sie das Online -Tutorial der Ewei Technology W3CSCHOOL eröffnen, wird die Navigation unter dem Titel angezeigt, die über einen Lesezeichennamen erstellt wird.
JavaScript -Ereignisattribute klicken Sie, um verschiedene Befehle auszuführen<a href = javaScript: void (0) onclick = this.href = 'https: //www.vevb.com/'> www.vevb.com </a>
Wenn es keinen CSS -Stil des benutzerdefinierten Anchor -Links gibt <a href = https: //www.vevb.com/> Anchor -Link -Text </a>, sind die Standardstile für die Standard -Anker -Linkstile wie folgt:
Der Standard -Linkstil wird verwendet. Bitte verwenden Sie die Maus, um den Effekt auszulösen.
<style type = text/css>
a {color:#00f}
A: Besucht {Farbe:#800080}
A: Hover {Farbe:#f00}
</style>
<a href = https: //www.vevb.com/> www.vevb.com </a>
a {color:#00f} Die Ankerlinks sind alle blau und unterstrichen.
A: Besucht {Farbe:#800080} Der Link nach dem Klicken ist lila und unterstrichen
A: Hover {Farbe:#f00} Die Maus löst die roten und unterstrichenen Stile aus
Da diese drei Farben jedoch zu stark sind, können sie oft nicht mit allen Webdesignstilen übereinstimmen. Wenn Sie Ankerverbindungsstile für andere Farben benötigen, müssen Sie nur die Farbe und den Hintergrund selbst in CSS gemäß den oben genannten drei Stilen ändern.
Als HTML zum ersten Mal gestartet wurde, war der Browser nicht so fortgeschritten wie heute, und die Computerbildschirme zu dieser Zeit hatten nicht die Farben von LCD und anderen aktuellen Farben, und viele von ihnen waren sogar schwarz und weiß. Zu dieser Zeit besteht die Methode zur Unterscheidung, ob es sich um eine Verbindung handelt, darin, sie zu unterstreichen. Versuchen Sie bei vielen Schwarzweißmonitoren oder Webseiten für Farbblinde -Benutzer, die Unterstufe so weit wie möglich zu halten, andernfalls kann der Benutzer Farben nicht unterscheiden.
Natürlich setzen moderne Webdesigns aus Gründen der Schönheit im Allgemeinen nicht direkt unterstreicht. Um sich um Farbblinde und Schwarzweiß -Mobiltelefon -Monitor -Benutzer zu kümmern, wird empfohlen, den CSS -Stil auf die Löschung des Benutzers zu unterstreichen.
Wenn Sie den Link zu dieser Seite öffnen, werden Sie feststellen, dass einige Links beim Öffnen zu anderen Fenstern angezeigt werden, während einige Links diese Seite direkt ersetzen. Diese Sprungmethode kann die Zieleigenschaft der Ankerlink verwenden, um das Sprungfenster festzulegen.
_ selbst das aktuelle Fenster ist geöffnet und die Ankerlink wird standardmäßig in das aktuelle Browserfenster umgeleitet, dh das Standardziel = _self<a href = https: //www.vevb.com/ target = _self> Dies ist das aktuelle neue Fenster._blank neues Fenster öffnet sich
<a href = https: //www.vevb.com/ target = _blank> Dies ist das neue Fenster zur Anzeige der EV -Technologie -Homepage </a>Unbenanntes Ziel öffnet sich im selben neuen Fenster
<a href = https: //www.vevb.com/ target = _weigeti> Wenn das _weigeti hier nicht der Name oder die ID auf der Webseite istRahmenname oder ID
<a href = https: //www.vevb.com/ target = weigeti> Klicken Sie hier, um die Eweist-Technologie-Homepage im Rahmen unten zu zeigen._PARENT Das übergeordnete Fenster öffnet und lädt die verknüpfte Datei in das übergeordnete Frame -Set oder das übergeordnete Fenster, das den Link -Frame enthält. Wenn das Framework, das den Link enthält, nicht verschachtelt ist, wird die verknüpfte Datei im Vollbildfenster des Browsers genau wie der Parameter _self geladen.
<Iframe> <a href = https: //www.vevb.com/ target = _parent> Dies ist das Innere des Frame </a> </iframe>_TOP -Frame auf der oberen Ebene , z. B. ist die Webseite B in das Web A eingebettet. Die Webseite B ist in die IFrame -Webseite C eingebettet
<Iframe> <Iframe> <a href = https: //www.vevb.com/ target = _top> Dies ist das Framework im Rahmen </a> </iframe> </iframe>
Wenn die Verbindung in der Webseite C auf target = _parent eingestellt ist, entfernen Sie die Webseite B und integrieren Sie die Link -Seite direkt in die Webseite c;
Wenn Target = _top in der Webseite C C direkt herausgesprungen und direkt auf die verknüpfte Seite in C gesprungen wird
_top öffnet das verknüpfte Dokument im aktuellen gesamten Browserfenster und löscht so alle Frames
Externe Links wurden immer als einer der Kern der Suchmaschinenoptimierung angesehen. Aus diesem Grund sind alle Formen externer Links erschienen, und nicht alle externen Links haben Auswirkungen auf die SEO.
Suchmaschinen sind weniger bereit, JavaScript zu erkennen, was alle leicht zu verstehen ist.
<a href =# onclick = this.href = 'https: //www.vevb.com/'> Ein solcher Link ist für SEO ungültig.
Wenn Sie feststellen, dass die Website der anderen Partei das Attribut rel = nofollow zu Ihrem Link hinzugefügt hat, wenn die Links mit den Websites anderer Personen über den Quellcode geändert werden, bedeutet dies, dass dieser Link nicht von Suchmaschinen gekrabbt wird.
<a href = https: //www.vevb.com/ rel = nofollow> Solche Links sind für SEO ungültig </a> <meta name = robots content = nofollow/> <a href = https: //www.vevb.com/> Wenn der oben auf der Web -Seite gravierte Links auf der Webseite gulviert. SEO </a>
Die Google -Suche hat zunächst einen neuen Algorithmus gestartet, um externe Links mit der gleichen Farbe wie in Peking anzugreifen, und dieser externe Link wird allgemein als schwarzer Link angesehen.
<style type = text/css> #vgtlink {Hintergrund: #fff} #vgtlink {Hintergrund: #fff} </style> <div id = vGtlink> <a href = https: //www.vevb.com/ id = vgtlink> solche Links sind für SEO </a> </div. href = https: //www.vevb.com/ style = Hintergrund: #fff> Solche Links sind auch für SEO </a> ungültig. </a>