En plus des propriétés communes standard de HTML, l'élément de liaison comprend également de nombreuses propriétés facultatives: Charset, HREF, Hreflang, Media, Rel, Rev, Target, Title et Type . Parmi ces propriétés, la cible ne peut être utilisée que dans deux types de DTD, transitionnel et sur trame, et les autres peuvent être utilisés dans trois types de DTD, stricts, transitoires et surframe.
Parmi ces propriétés, la propriété REL est le noyau. Dans cet article, Web Design présente certains attributs REL que vous connaissez et le traitement de certains éléments de liaison dans WordPress, qui convient aux débutants.
L'utilisation la plus courante des balises de liaison consiste à appeler des feuilles de style externe, par exemple:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />Lorsque HREF est l'URL du document cible, le type spécifie le type MIME de l'URL cible et le support spécifie le périphérique sur lequel le document sera affiché.
L'appel de feuille de style WebDesignerwall suivant spécifie le style CSS lorsque le document est affiché sur le dispositif d'impression:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />Vous pouvez également voir des codes d'appel de feuille de style sur certaines pages Web telles que les suivantes:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />Ce code définit une feuille de style remplaçable qui est utilisée simultanément avec le premier élément de lien, le premier définit le style préféré, ce qui permet à l'utilisateur de choisir le style remplacé. Cependant, cette opération de remplacement nécessite que le navigateur le prend en charge, mais de nombreux navigateurs tels que IE ne le soutiennent pas.
Par conséquent, lors de l'utilisation de pages Web qui remplacent les styles, ils utilisent généralement certaines feuilles de style pour changer de JS, permettant aux utilisateurs de changer librement les styles d'interface. Tout le monde aurait dû le voir, et certains sites Web définiront plusieurs couleurs pour les pages Web. Si vous êtes intéressé par les utilisateurs de WordPress, vous pouvez télécharger la recherche d'essai sur le thème WPDESIGRER7 de Small Potato (ou vérifier la démo), qui utilise un JS simple et plusieurs styles remplaçables pour permettre aux utilisateurs de modifier le schéma de couleurs de la page Web. Pour les légèrement plus élevés, vous pouvez également utiliser JS pour changer les styles au fil du temps, comme les couleurs vives pendant la journée et les couleurs sombres la nuit.
Remarque : Spécifier les médias = tout pour le style préféré et l'ajout d'un style d'impression seront plus cohérents avec les normes Web (bien que pour les sites Web ordinaires, il n'y aura pas beaucoup de gens qui souhaitent imprimer votre page). L'image Palan n'a pas de style d'impression défini, donc je vais prendre le temps de le faire plus tard REMARQUE : Il est nécessaire d'utiliser des styles alternatifs qui méritent d'être pris en compte. Si vous ne changez que la palette de couleurs et que le ton principal global reste inchangé, il est acceptable. Mais certains amis, tels que les utilisateurs de WordPress, permettront de plusieurs thèmes avec des styles complètement différents, puis utiliseront des plug-ins pour permettre aux utilisateurs de changer librement. Cela semble assez cool, mais mon conseil est de ne jamais faire ça. Sans oublier si cela affecte le référencement, cela obligera les gens à ne pas avoir une perception d'image fixe de votre site Web.Pour une introduction détaillée à l'icône Favicon / Favorite, vous pouvez vérifier Baidu Encyclopedia (1, 2), et utiliser le code suivant pour l'appeler.
<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/>Je suis encore un peu confus à propos de cet appel. Le résultat de mon expérience est:
Les appareils iPhone ou iPod Touch permettent aux utilisateurs d'ajouter des liens à l'écran d'accueil. Utilisez le code suivant pour spécifier une icône Apple Touch pour votre site Web:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />La taille de l'icône est du format de 57 * 57 png. Sinon, il évoluera automatiquement. Si je ne me trompe pas, il n'a pas à être transformé en un beau coin arrondi comme le style iPhone. L'iPhone transformera automatiquement l'icône en un gradient d'angle arrondi selon son style, comme l'icône Apple Touch de Last.FM.
Pour les utilisateurs domestiques, il n'y a pas beaucoup de gens qui utilisent des iPhones. Même s'il y en a beaucoup, votre site Web sera-t-il placé sur l'écran d'accueil? Ce n'est probablement pas quelque chose que les petits sites Web ordinaires comme nous peuvent faire. Mais c'est amusant, j'en ai fait un pour mon site Web et j'ai ajouté cet élément de lien.
Vous trouverez ci-dessous la définition du thème par défaut WordPress pour l'adresse RSS2, l'adresse atomique et l'adresse de pingback. Je pense que les principes spécifiques sont profonds et complexes, donc je ne les étudierai pas. Quoi qu'il en soit, votre blog en a besoin, donc il semble que Atom soit OK?
<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'); ?> />Si vous avez la fonction <? Php wp_head (); ?> Dans votre sujet, les deux éléments de liaison suivants apparaîtront:
<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 />Ces deux éléments sont principalement destinés à la publication à distance, comme l'utilisation des éditeurs de blog de bureau tels que Windows Live Write pour publier des articles. Si vous n'avez pas besoin de cette fonction, vous pouvez complètement supprimer ces deux éléments. La façon de le supprimer est d'ouvrir les fonctions.php de votre thème WordPress et d'insérer le code suivant avant le <? Php}?> Ou?> Tag en bas:
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); Remarque : vous pensez peut-être que depuis le <? Php wp_head (); ?> La fonction génère ces deux choses, supprimez-les simplement. Oui, si vous vous attendez à un autre plugin, vous n'aurez pas besoin d'obtenir cette fonction, supprimez-la.Google, Yahoo et Live Search ont annoncé la prise en charge d'un nouvel attribut canonique de Link vers février de cette année, avec la fonction principale de la spécification des liens faisant autorité pour les pages Web pour résoudre le problème du contenu en double.
Pour une introduction détaillée à cet attribut, veuillez consulter le paradigme spécifié de votre URL dans Google Chinese Webmaster.
Voici deux plugins qui recommandent principalement aux utilisateurs de WordPress d'ajouter cette propriété à votre partie: SEO pas de double ou URL canonique. C'est facile à utiliser.
On dit que c'est une analyse complète, mais en fait, ce ne sont que quelques-uns couramment utilisés, ce qui suffit pour la plupart des gens. Si vous connaissez également d'autres attributs REL importants et couramment utilisés, vous êtes invités à les partager.