Además de los atributos comunes estándar de HTML, el elemento de enlace también incluye muchos atributos opcionales: Charset, HREF, Hreflang, Media, REL, Rev, Target, Title and Type . Entre estas propiedades, el objetivo solo puede usarse en dos DTD: transición y Frameset, y las otras pueden usarse en tres DTD: estricto, transición y Frameset.
Entre estas propiedades, la propiedad REL es el núcleo. En este artículo, Wulin.com presenta algunos atributos REL que usted conoce y el procesamiento de algunos elementos de enlace en WordPress, que es adecuado para que los principiantes aprendan.
El uso más común de las etiquetas de enlace es llamar a hojas de estilo externo, por ejemplo:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />Donde HREF es la URL del documento de destino, el tipo especifica el tipo MIME de la URL de destino y los medios especifican en qué dispositivo se mostrará el documento.
La siguiente llamada de hoja de estilo WebDesignerWall especifica el estilo CSS cuando el documento se muestra en el dispositivo de impresión:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />También puede ver los códigos de llamadas de hoja de estilo en algunas páginas web, como las siguientes:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />Este código define una hoja de estilo reemplazable que se usa simultáneamente con el primer elemento de enlace, el primero define el estilo preferido, y esto permite al usuario elegir el estilo reemplazado. Sin embargo, esta operación de reemplazo requiere que el navegador lo respalde, pero muchos navegadores como IE no lo admiten.
Por lo tanto, al usar páginas web que reemplazan los estilos, generalmente usan algunas hojas de estilo para cambiar JS, lo que permite a los usuarios cambiar libremente los estilos de interfaz. Todos deberían haber visto esto, y algunos sitios web definirán múltiples colores para páginas web. Si los usuarios de WordPress están interesados, puede descargar el estudio de prueba temático WPDesigner7 de WordPress de Small Potato (o verificar la demostración), que utiliza un JS simple y múltiples estilos reemplazables para permitir a los usuarios cambiar el esquema de color de la página web. Para los de nivel ligeramente superior, también puede usar JS para cambiar estilos con el tiempo, como los colores brillantes durante el día y los colores oscuros por la noche.
Nota : Especificar medios = todos para el estilo preferido y agregar un estilo de impresión estará más en línea con los estándares web (aunque para sitios web comunes, no habrá muchas personas que deseen imprimir su página). La imagen de Palan no tiene un estilo de impresión definido, por lo que me tomaré el tiempo para hacerlo más tarde Nota : Si se debe usar estilos alternativos es una pregunta que valga la pena considerar. Si solo cambia el esquema de color y el tono principal general permanece sin cambios, es aceptable. Pero algunos amigos, como los usuarios de WordPress, habilitarán múltiples temas con estilos completamente diferentes, y luego usarán complementos para permitir a los usuarios cambiar libremente. Esto parece genial, pero mi consejo es nunca hacer eso. Sin mencionar si afecta el SEO, hará que las personas carecen de una percepción de imagen fija de su sitio web.Para una introducción detallada al icono Favicon/favorito, puede consultar la Enciclopedia de Baidu (1, 2) y usar el siguiente código para llamarlo.
<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/>Todavía estoy un poco confundido sobre esta llamada. El resultado de mi experimento es:
Los dispositivos iPhone o iPod Touch permiten a los usuarios agregar enlaces a la pantalla de inicio. Use el siguiente código para especificar un icono de Apple Touch para su sitio web:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />El tamaño del icono es 57*57 formato PNG. Si no, se escalará automáticamente. Si no me equivoco, no tiene que convertirse en una hermosa esquina redondeada como el estilo de iPhone. El iPhone convertirá automáticamente el ícono en un gradiente de esquina redondeado de acuerdo con su estilo, como el icono de Apple Touch de Last.fm.
Para los usuarios nacionales, no hay muchas personas que usen iPhones. Incluso si hay muchos, ¿se colocará su sitio web en la pantalla de inicio? Probablemente no sea algo que los sitios web pequeños comunes como nosotros puedan hacer. Pero es divertido, hice uno para mi sitio web y agregué este elemento de enlace.
A continuación se muestra la definición del tema predeterminado de WordPress para la dirección RSS2, la dirección del átomo y la dirección de pingback. Creo que los principios específicos son profundos y complejos, por lo que no los estudiaré. De todos modos, tu blog lo necesita, ¿parece que Atom no funciona?
<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 tiene la función <? Php wp_head (); ?> En su tema, aparecerán los siguientes dos elementos de enlace:
<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 />Estos dos elementos son principalmente para la publicación remota, como el uso de editores de blogs de escritorio como Windows Live Write para publicar artículos. Si no necesita esta función, puede eliminar completamente estos dos elementos. La forma de eliminarlo es abrir las funciones.php de su tema de WordPress e insertar el siguiente código antes de la etiqueta <? Php}?> O?> En la parte inferior:
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); Nota : puede estar pensando que desde <? Php wp_head (); ?> La función genera estas dos cosas, simplemente eliminarlas. Sí, si espera algún otro complemento, no necesitará obtener esta función, entonces eliminarla.Google, Yahoo y Live Search anunciaron soporte para una nueva propiedad llamada Canonical , Link, alrededor de febrero de este año, con la función principal de especificar enlaces autorizados para páginas web para resolver el problema del contenido duplicado.
Para obtener una introducción detallada a este atributo, consulte el paradigma especificar su URL en el webmaster de Google China.
Aquí hay dos complementos que se recomiendan para que los usuarios de WordPress agregue esta propiedad a su sección principal: SEO sin duplicado o url canónico. Es fácil de usar.
Se dice que es un análisis completo, pero de hecho, son solo unos pocos usados comúnmente, lo cual es suficiente para la mayoría de las personas. Si también conoce otros atributos REL importantes y comúnmente utilizados, puede compartirlos.