Además de las propiedades comunes estándar de HTML, el elemento de enlace también incluye muchas propiedades opcionales: Charset, HREF, Hreflang, Media, REL, Rev, Target, Title and Type . Entre estas propiedades, el objetivo solo puede usarse en dos tipos de DTD, transición y Frameset, y los otros pueden usarse en tres tipos de DTD, estricto, transición y marcos.
Entre estas propiedades, la propiedad REL es el núcleo. En este artículo, Web Design presenta algunos atributos REL que conoce y el procesamiento de algunos elementos de enlace en WordPress, que es adecuado para principiantes.
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 está interesado en los usuarios de WordPress, puede descargar WPDesigner7 WordPress WordPress WordPress Research Investigación (o demostración), que utiliza un JS simple y estilos reemplazables múltiples 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 será más consistente con los estándares web (aunque para sitios web ordinarios, 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, así que parece que Atom está bien?
<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 el soporte para un nuevo atributo Canonical of 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 recomiendan principalmente a los usuarios de WordPress para agregar esta propiedad a la parte de su cabeza: SEO sin duplicado o la URL canónica. 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.