atributo rel HTML DOM link
vincular objetos Definição e Uso
atributo rel especifica a relação entre o documento atual e os documentos vinculados.
gramática
Defina o atributo rel:
linkObject.rel="relationship"
atributos rel Back:
linkObject.rel
Os valores de propriedade:
| valor | descrição |
|---|---|
| alternado | Versões alternativas (como a página impressa, traduzida ou espelho) de documentos. |
| stylesheet | documento de folha de estilo externa. |
| começo | O primeiro documento na coleção. |
| próximo | O próximo documento na coleção. |
| prev | Em uma coleção de documentos. |
| conteúdo | Conteúdo do documento. |
| índice | documento de índice. |
| glossário | Usado no documento Glossário (explicação). |
| direitos autorais | Documentos que contêm informações sobre direitos autorais. |
| capítulo | Capítulo do documento. |
| seção | Seção do documento. |
| subdivisão | Seção do documento. |
| apêndice | Apêndice. |
| ajudar | documentação de ajuda. |
| marcador | documentos relacionados. |
Suporte a navegadores
Todos os principais navegadores suportam atributo rel
Nota: A Operaou Safari não suporta o valor de "pesquisa".
Nota: navegador IE, Safariou Chrome não suporta "barra lateral".
Exemplos
Exemplos
Ela mostra a relação entre o documento e o documento actual ligados entre:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Link id = "link1" rel = tipo de "estilo" = "text / css" href = "style1.css">
<Script>
displayResult function () {
var x = document.getElementById ( "link1") rel .;
alert (x);
}
</ Script>
</ Head>
<Body>
<Button type = "button" onclick = "displayResult ()"> link mostra a relação entre os elementos </ button>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Link id = "link1" rel = tipo de "estilo" = "text / css" href = "style1.css">
<Script>
displayResult function () {
var x = document.getElementById ( "link1") rel .;
alert (x);
}
</ Script>
</ Head>
<Body>
<Button type = "button" onclick = "displayResult ()"> link mostra a relação entre os elementos </ button>
</ Body>
</ Html>
tente »
vincular objetos