Este artículo presenta principalmente el análisis de los atributos REL en HTML. Los amigos que lo necesitan pueden referirse a él.
Como descubrí que algunos compañeros de clase transmiten y recopilan este artículo sobre Weibo, volví a mirar este artículo traducido casualmente. Más tarde, descubrí que w3cschools.com.cn ya tenía una traducción de comparación china, por lo que continuaré mejorando este artículo aquí para que parezca más valioso. Inicialmente pensé en traducir este documento del artículo http://vanessa.b3log.org/research-a-rel-value. Descubrí que el atributo REL tiene muchos valores semánticos inusuales. El texto original se centró en enumerar los escenarios de uso de estos valores de atributos. Sentí que era muy necesario comprender el atributo REL de esta manera.
EjemploConexión con el atributo REL:
<a rel=external href=http://www.xxoo.com/>ooxx</a>
El atributo REL es compatible con todos los navegadores convencionales
注:浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。
La propiedad REL especifica la relación entre el documento actual y el documento conectado
gramática <a rel=value>
Valores eliminados: apéndice, capítulo, contenido, derechos de autor, glosario, índice , sección, inicio, subsección.
Nuevos valores: archivos, autor, marcador, externo, primero, índice , último, licencia, nofollow, noreferrer, búsqueda, barra lateral, etiqueta, arriba.
| valor | describir | Escenario | Ejemplo | HTML4.01 | Html5 |
|---|---|---|---|---|
| apéndice | Enlace a la página del apéndice del documento | |||
| alterar | Enlace a una fuente alternativa (como: páginas de impresión, traducciones y espejos) | Configurar el átomo, la alimentación del sitio web en la etiqueta de la cabeza | ||
| icono de atajo | Icono de atajo | Especificar la barra de título, la barra de direcciones, el icono de la barra favorita | ||
| archivo | Enlace a conjuntos de documentos o datos históricos | <link rel='archives' href='http://www.ooxx.com/2012/07' /> | ||
| autor | Enlace al autor del documento | Declarar el autor del documento en la etiqueta Head | ||
| canónico | Autorizado, ejemplar | Deje que los motores de búsqueda sepan qué página es la página web duplicada o similar en el sitio web actual que el webmaster quiere que se arrastre e incluya <link rel=canonical href=http://xxoo.com/ />
| ||
| Hoja de estilo | Hojas de estilo de divulgación para documentos | <link rel=stylesheet href=base.css> | ||
| hogar | Conéctese a la página de inicio del sitio | <link href=http://www.ooxx.com rel=home /> | ||
| primero | Enlace al primer documento de la colección | <link rel=first href=index.html> | ||
| comenzar | Enlace a la primera página del documento actual | <link rel=start href=about:blank> | ||
| próximo | Enlace al siguiente documento en la colección | <link rel=next href=about:blank> | ||
| previsamente | Enlace al documento anterior en la colección | <link rel=chapter href=about:blank> | ||
| Último | Enlace al último documento de la colección | <link rel=last href=index.html> | ||
| arriba | Proporciona un enlace a un documento. Este documento proporciona la relación contextual del documento actual. | |||
| Buscar | Herramientas de búsqueda para vincular a documentos | |||
| barra lateral | Enlace a un documento que debería aparecer en la barra lateral del navegador | |||
| contenido | Enlace al directorio de contenido del documento actual | Por lo general, se coloca en la barra lateral del contenido principal del documento para facilitar el salto entre los temas en la página actual | ||
| índice | Enlace al índice del documento actual | |||
| glosario | Enlace al glosario de documento actual | |||
| derechos de autor | Enlace a la página de derechos de autor o privacidad del documento actual | Copyright en la parte inferior del sitio web | ||
| Capítulo | Enlace a un capítulo del documento actual | |||
| sección | Enlace a una sección en la lista de documentos | |||
| Subsección | Enlace a las subsecciones en la lista de documentos actual. (Una sección puede tener múltiples subsecciones). | |||
| cabeza | Enlace a documentos de nivel superior en colecciones | |||
| tocarse | Directorio vinculado a la colección | |||
| padre | Enlace al documento sobre la fuente | |||
| niño | Enlace al documento debajo de la fuente | |||
| ayuda | Enlace para ayudar documentos | <link rel=help href=http://www.xxoo.net/help.html /> | ||
| marcador | URL permanente utilizada como marcador | Título de lista | ||
| externo | Enlace a documentos externos | Conexiones externas citadas en el artículo | ||
| nofollo | Enlace a documentos no autorizados, como enlaces pagados Google usa nofollow para estipular que su araña de búsqueda no rastrea el enlace | Artículos relacionados en el sitio, artículos aleatorios en el sitio, comentarios, comentarios, navegas y enlaces de autor en la lista de la lista y el artículo, direcciones de comentarios en la barra lateral, enlaces de página de inicio en la navegación de la página de inicio, artículos con la mayoría de los comentarios y artículos con la mayor cantidad de accesos | ||
| noreferrer | Especifica que cuando el usuario sigue el hipervínculo, el navegador no debe enviar el encabezado de referente HTTP | |||
| licencia | Información de derechos de autor vinculada al documento | |||
| etiqueta | Etiqueta de documento actual (palabra clave) | Tag Cloud en la barra lateral, etiquetas en el artículo, etiquetas en la lista, etiquetas para páginas de etiquetas | ||
| amigo | patrocinador | Enlaces amistosos, temas en la parte inferior por |
由于本人水平有限,难免存在一些错误,看官们如果觉得有不妥或者需要补充的地方,请留言指出,谢谢!
http://www.w3schools.com/tags/att_a_rel.asp
http://vanessa.b3log.org/research-a-rel-value
http://www.w3school.com.cn/htmldom/prop_anchor_rel.asp
La etiqueta de Rel-Author que tengo que mencionar
Valor de propiedad canónica de HTML Rel
El significado del atributo de etiqueta de enlace rel
Acerca de REL = Canonical (herramienta webmaster de Google)