Zusätzlich zu den Standardeigenschaften von HTML enthält das Link -Element auch viele optionale Eigenschaften: Charset, HREF, HREFLANG, Media, Rel, Rev, Target, Titel und Typ . Unter diesen Eigenschaften darf das Ziel nur in zwei Arten von DTDs, Übergang und Frameset verwendet werden, und die anderen können in drei Arten von DTDs, strikten, Übergangs- und Frameset -Arten verwendet werden.
Unter diesen Eigenschaften ist das Relief -Eigentum der Kern. In diesem Artikel führt Webdesign einige Rel -Attribute vor, die Sie kennen, und die Verarbeitung einiger Link -Elemente in WordPress, die für Anfänger zu lernen sind.
Die häufigste Verwendung von Link -Tags besteht darin, beispielsweise externe Stilblätter aufzurufen:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />Wenn HREF die URL des Zieldokuments ist, gibt Typ den MIME -Typ der Ziel -URL an, und Medien gibt an, auf welchem Gerät das Dokument angezeigt wird.
Der folgende Webdesignerwall -Style -Sheet -Aufruf gibt den CSS -Stil an, wenn das Dokument auf dem Druckgerät angezeigt wird:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />Sie können auch Stylesheet -Codes auf einigen Webseiten wie Folgendes sehen:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />Dieser Code definiert ein Austauschstilblatt, das gleichzeitig mit dem ersten Link -Element verwendet wird. Das erste definiert den bevorzugten Stil. Dadurch kann der Benutzer den ersetzten Stil auswählen. Für diesen Ersatzbetrieb muss der Browser jedoch unterstützt werden, aber viele Browser wie dh nicht unterstützen ihn nicht.
Bei Verwendung von Webseiten, die Stile ersetzen, verwenden sie daher im Allgemeinen einige Style -Blätter, um JS zu wechseln, sodass Benutzer die Schnittstellenstile frei wechseln können. Jeder hätte dies sehen sollen, und einige Websites definieren mehrere Farben für Webseiten. Wenn Sie an WordPress -Benutzern interessiert sind, können Sie die WPDesigner7 -Test -Testforschung von Small Potato (oder überprüfen Sie die Demo) herunter, bei der ein einfaches JS und mehrere austauschbare Stile verwendet werden, damit Benutzer das Farbschema der Webseite ändern können. Für etwas höhere Ebene können Sie JS auch verwenden, um die Stile im Laufe der Zeit zu ändern, z. B. helle Farben während des Tages und dunklen Farben nachts.
Hinweis : Angeben von Media = alle für den bevorzugten Stil und das Hinzufügen eines Druckstils stimmen mit den Webstandards überein (obwohl es für normale Websites nicht viele Personen gibt, die Ihre Seite drucken möchten). Das Palan -Bild hat keinen Druckstil definiert, daher werde ich mich später Zeit nehmen, es später zu tun Hinweis : Wenn Sie alternative Stile verwenden, ist eine Frage, die es wert ist, berücksichtigt zu werden. Wenn Sie nur das Farbschema ändern und der allgemeine Hauptton unverändert bleibt, ist dies akzeptabel. Einige Freunde, wie z. B. WordPress-Benutzer, ermöglichen jedoch mehrere Themen mit völlig unterschiedlichen Stilen und verwenden dann Plug-Ins, damit Benutzer sich frei ändern können. Das scheint ziemlich cool, aber mein Rat ist, das nie zu tun. Ganz zu schweigen davon, ob es sich mit der SEO auswirkt, es wird Menschen dazu bringen, eine feste Bildwahrnehmung Ihrer Website zu fehlen.Für eine detaillierte Einführung in das Favicon/Lieblings -Symbol können Sie Baidu Encyclopedia (1, 2) überprüfen und den folgenden Code verwenden, um ihn aufzurufen.
<link rel=shortcut icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.ico type=images/x-icon/><link rel=icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.png type=images/png/>Ich bin immer noch ein wenig verwirrt über diesen Anruf. Das Ergebnis meines Experiments ist:
Mit iPhone oder iPod Touch -Geräten können Benutzer Links zum Startbildschirm hinzufügen. Verwenden Sie den folgenden Code, um ein Apple Touch -Symbol für Ihre Website anzugeben:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />Die Größe des Symbols beträgt 57*57 PNG -Format. Wenn nicht, skaliert es automatisch. Wenn ich mich nicht irre, muss es nicht in eine wunderschöne, abgerundete Ecke wie den iPhone -Stil gemacht werden. Das iPhone verwandelt das Symbol automatisch in einen abgerundeten Eckverlauf gemäß seinem Stil, wie das Apple Touch -Symbol von last.fm.
Für inländische Nutzer gibt es nicht viele Leute, die iPhones verwenden. Auch wenn es viele gibt, wird Ihre Website auf dem Startbildschirm platziert? Das sind wahrscheinlich nicht etwas, was gewöhnliche kleine Websites wie wir tun können. Aber es macht Spaß, ich habe eine für meine Website gemacht und dieses Link -Element hinzugefügt.
Im Folgenden finden Sie die Definition des WordPress -Standardthemas für RSS2 -Adresse, Atomadresse und Pingback -Adresse. Ich denke, die spezifischen Prinzipien sind tiefgreifend und komplex, daher werde ich sie nicht studieren. Wie auch immer, Ihr Blog braucht es, also scheint Atom in Ordnung zu sein?
<link rel=alternate type=application/rss+xml title=<?php bloginfo('name'); ?> rss feed href=<?php bloginfo('rss2_url'); ?> /><link rel=alternate type=application/atom+xml title=<?php bloginfo('name'); ?> atom feed href=<?php bloginfo('atom_url'); ?> /><link rel=pingback href=<?php bloginfo('pingback_url'); ?> />Wenn Sie die Funktion haben <? Php wp_head (); ?> In Ihrem Thema werden die folgenden beiden Link -Elemente angezeigt:
<link rel=edituri type=application/rsd+xml title=rsd href=http://localhost/wordpress/xmlrpc.php?rsd /><link rel=wlwmanifest type=application/wlwmanifest+xml href=http://localhost/wordpress/wp-includes/wlwmanifest.xml />Diese beiden Elemente dienen hauptsächlich für die Remote -Veröffentlichung, z. B. die Verwendung von Desktop -Blog -Editoren wie Windows Live Write, um Artikel zu veröffentlichen. Wenn Sie diese Funktion nicht benötigen, können Sie diese beiden Elemente vollständig löschen. Die Art und Weise, wie Sie es löschen können, besteht darin, die Funktionen Ihres WordPress -Themas zu öffnen und den folgenden Code vor dem <? Php}?> Oder?> Unten vor unten zu fügen:
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); HINWEIS : Sie denken vielleicht, dass der <? Php wp_head (); ?> Die Funktion erzeugt diese beiden Dinge, löschen Sie sie einfach. Ja, wenn Sie ein anderes Plugin erwarten, müssen Sie diese Funktion nicht erhalten, dann löschen Sie sie.Google, Yahoo und Live Search kündigten die Unterstützung für ein neues Attribut, das im Februar dieses Jahres kanonisch von Link kanonisch ist, mit der Hauptfunktion, maßgebliche Links für Webseiten anzugeben, um das Problem des doppelten Inhalts zu lösen.
Eine detaillierte Einführung in dieses Attribut finden Sie im URL -Paradigma in Google Chinese Webmaster.
Hier sind zwei Plugins, die WordPress -Benutzern hauptsächlich empfehlen, diese Eigenschaft zu Ihrem Kopf -Teil hinzuzufügen: SEO ohne doppelte oder kanonische URL. Es ist einfach zu bedienen.
Es soll eine vollständige Analyse sein, aber tatsächlich sind es nur einige häufig verwendete, was für die meisten Menschen ausreicht. Wenn Sie auch andere wichtige und häufig verwendete Rel -Attribute kennen, können Sie sie gerne teilen.