Além das propriedades comuns padrão do HTML, o elemento Link também inclui muitas propriedades opcionais: Charset, Href, Hreflang, Mídia, Rel, Rev, Target, Título e Tipo . Entre essas propriedades, o Target só pode ser usado em dois tipos de DTDs, transitórios e quadros, e os outros podem ser usados em três tipos de DTDs, rigorosos, transitórios e de quadros.
Entre essas propriedades, a propriedade REL é o núcleo. Neste artigo, o Web Design apresenta alguns atributos REL que você conhece e o processamento de alguns elementos de link no WordPress, que são adequados para os iniciantes aprenderem.
O uso mais comum de tags de link é chamar folhas de estilo externo, por exemplo:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />Onde o HREF é o URL do documento de destino, o tipo especifica o tipo MIME do URL de destino e a mídia especifica em qual dispositivo o documento será exibido.
A seguinte chamada de folha de estilo WebDesignerWall especifica o estilo CSS quando o documento é exibido no dispositivo de impressão:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />Você também pode ver códigos de chamada de folha de estilo em algumas páginas da web, como as seguintes:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />Este código define uma folha de estilo substituível que é usada simultaneamente com o primeiro elemento de link, a primeira define o estilo preferido, e isso permite ao usuário escolher o estilo substituído. No entanto, essa operação de substituição exige que o navegador a apoie, mas muitos navegadores como o IE não o apoiam.
Portanto, ao usar páginas da web que substituem os estilos, eles geralmente usam algumas folhas de estilo para trocar de JS, permitindo que os usuários alternem livremente os estilos de interface. Todos deveriam ter visto isso, e alguns sites definirão várias cores para páginas da web. Se você estiver interessado em usuários do WordPress, pode baixar a pesquisa de teste temático WPDesigner7 WordPress da Small Potato (ou Demonstração de Verificação), que usa um JS simples e vários estilos substituíveis para permitir que os usuários alterem o esquema de cores da página da web. Para os de nível um pouco mais alto, você também pode usar o JS para alterar os estilos ao longo do tempo, como cores brilhantes durante o dia e cores escuras à noite.
NOTA : Especificar mídia = tudo para o estilo preferido e adicionar um estilo de impressão será mais consistente com os padrões da Web (embora para sites comuns, não haverá muitas pessoas que desejam imprimir sua página). A imagem de Palan não tem estilo de impressão definido, então vou levar tempo para fazer isso mais tarde Nota : se deve usar estilos alternativos é uma pergunta que vale a pena considerar. Se você alterar apenas o esquema de cores e o tom principal geral permanecer inalterado, é aceitável. Mas alguns amigos, como usuários do WordPress, permitirão vários temas com estilos completamente diferentes e, em seguida, usam plug-ins para permitir que os usuários mudem livremente. Isso parece muito legal, mas meu conselho é nunca fazer isso. Sem mencionar se isso afeta o SEO, fará com que as pessoas não tenham uma percepção de imagem fixa do seu site.Para uma introdução detalhada ao ícone Favicon/favorito, você pode verificar a enciclopédia do Baidu (1, 2) e usar o código a seguir para chamá -lo.
<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/>Ainda estou um pouco confuso com essa ligação. O resultado do meu experimento é:
Os dispositivos de iPhone ou iPod Touch permitem que os usuários adicionem links à tela inicial. Use o código a seguir para especificar um ícone do Apple Touch para o seu site:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />O tamanho do ícone é de 57*57 formato PNG. Caso contrário, ele será dimensionado automaticamente. Se não me engano, ele não precisa ser transformado em um belo canto arredondado como o estilo do iPhone. O iPhone transformará automaticamente o ícone em um gradiente de canto arredondado, de acordo com seu estilo, como o ícone Apple Touch de Last.FM.
Para usuários domésticos, não há muitas pessoas usando iPhones. Mesmo se houver muitos, seu site será colocado na tela inicial? Provavelmente isso não é algo que pequenos sites comuns como nós podem fazer. Mas é divertido, fiz um para o meu site e adicionei este elemento de link.
Abaixo está a definição do tema padrão do WordPress para endereço RSS2, endereço do átomo e endereço de pingback. Eu acho que os princípios específicos são profundos e complexos, então não os estudarei. De qualquer forma, seu blog precisa, então parece que o Atom está 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'); ?> />Se você tem a função <? Php wp_head (); ?> No seu tópico, os dois elementos do link a seguir aparecerão:
<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 />Esses dois elementos são principalmente para publicação remota, como o uso de editores de blogs de desktop, como o Windows Live Write para publicar artigos. Se você não precisar dessa função, poderá excluir completamente esses dois elementos. A maneira de excluir é abrir as funções.php do seu tema WordPress e insira o seguinte código antes da tag <? Php}?> Ou?> Na parte inferior:
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); Nota : você pode estar pensando que, uma vez que o <? Php wp_head (); ?> A função gera essas duas coisas, basta excluí -las. Sim, se você espera qualquer outro plug -in, não precisará obter essa função e exclua -a.Google, Yahoo e Live Search anunciaram o suporte para um novo atributo canônico do link por volta de fevereiro deste ano, com a principal função de especificar links autoritários para páginas da web para resolver o problema do conteúdo duplicado.
Para uma introdução detalhada a este atributo, consulte o seu paradigma de URL no webmaster chinês do Google.
Aqui estão dois plugins que recomendam principalmente para os usuários do WordPress adicionar esta propriedade à sua parte da sua cabeça: SEO sem duplicado ou URL canônico. É fácil de usar.
Diz -se que é uma análise completa, mas, na verdade, são apenas algumas usadas, o que é suficiente para a maioria das pessoas. Se você também conhece outros atributos Rel importantes e comumente usados, poderá compartilhá -los.