atributo rel HTML DOM Enlace
Objetos de enlace Definición y Uso
atributo rel especifica la relación entre el documento actual y los documentos vinculados.
gramática
Establecer el atributo rel:
linkObject.rel="relationship"
Volver atributos rel:
linkObject.rel
Los valores de propiedad:
| valor | descripción |
|---|---|
| suplente | Las versiones alternativas (por ejemplo, la página impresa, traducido o espejo) de documentos. |
| hoja de estilo | documento de hoja de estilos externa. |
| comienzo | El primer documento de la colección. |
| siguiente | El siguiente documento de la colección. |
| prev | En una colección de documentos. |
| contenido | Contenido del documento. |
| índice | Índice documento. |
| glosario | Utilizado en el documento Glosario Glosario (explicación). |
| derechos de autor | Documentos que contienen la información de derechos de autor. |
| capítulo | Capítulo del documento. |
| sección | Sección del documento. |
| subsección | Sección del documento. |
| apéndice | Apéndice documento. |
| ayudar | documentación de ayuda. |
| marcador | documentos relacionados. |
Soporte para el navegador
Todos los principales navegadores soportan atributo rel
Nota: Opera o Safari no es compatible con el valor de "búsqueda".
Nota: el navegador Internet Explorer, Safario Chrome no es compatible "barra lateral".
Ejemplos
Ejemplos
Se muestra la relación entre el documento actual y el documento vinculado entre:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Enlace id = "vínculo1" rel = "stylesheet" type = "text / css" href = "style1.css">
<Script>
displayResult función () {
var x = document.getElementById ( "vínculo1") rel .;
alerta (x);
}
</ Script>
</ Head>
<Cuerpo>
<Botón type = "button" onclick = "displayResult ()"> Enlace muestra la relación entre los elementos </ botón>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Enlace id = "vínculo1" rel = "stylesheet" type = "text / css" href = "style1.css">
<Script>
displayResult función () {
var x = document.getElementById ( "vínculo1") rel .;
alerta (x);
}
</ Script>
</ Head>
<Cuerpo>
<Botón type = "button" onclick = "displayResult ()"> Enlace muestra la relación entre los elementos </ botón>
</ Body>
</ Html>
Trate »
Objetos de enlace