Este artigo apresenta principalmente a análise dos atributos REL no HTML. Amigos que precisam podem se referir a ele.
Desde que descobri que alguns colegas de classe transmitem e coletam este artigo no Weibo, olhei para trás para este artigo traduzido casualmente. Mais tarde, descobri que o w3cschools.com.cn já tinha uma tradução em chinês de comparação, então continuarei melhorando este artigo aqui para que pareça mais valioso. Inicialmente, pensei em traduzir este documento do artigo http://vanessa.b3log.org/research-a-rel-value. Descobri que o atributo REL tem muitos valores semânticos incomuns. O texto original focou na listagem dos cenários de uso desses valores de atributo. Eu senti que era muito necessário entender o atributo REL dessa maneira.
ExemploConexão com o atributo rel:
<a rel=external href=http://www.xxoo.com/>ooxx</a>
O atributo REL é suportado em todos os navegadores convencionais
注:浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。
A propriedade REL especifica a relação entre o documento atual e o documento conectado
gramática <a rel=value>
Valores excluídos: apêndice, capítulo, conteúdo, direitos autorais, glossário, índice , seção, início, subseção.
Novos valores: arquivos, autor, marcador, externo, primeiro, índice , por último, licença, nofollow, noreferrer, pesquisa, barra lateral, tag, up.
| valor | descrever | Cenário | Exemplo | HTML4.01 | Html5 |
|---|---|---|---|---|
| apêndice | Link para a página do apêndice do documento | |||
| alterar | Link para uma fonte alternativa (como: páginas de impressão, traduções e espelhos) | Configure o átomo, feed do site na tag de cabeça | ||
| Ícone de atalho | Ícone de atalho | Especifique a barra de título, barra de endereço, ícone de bar favorito | ||
| arquivos | Link para conjuntos de documentos ou dados históricos | <link rel='archives' href='http://www.ooxx.com/2012/07' /> | ||
| autor | Link para o autor do documento | Declare o autor do documento na etiqueta da cabeça | ||
| canônico | Autoritário, exemplar | Informe os mecanismos de pesquisa qual página é a página da web duplicada ou semelhante no site atual que o webmaster deseja rastejar e incluir <link rel=canonical href=http://xxoo.com/ />
| ||
| Folha de estilo | Folha de estilo de divulgação para documentos | <link rel=stylesheet href=base.css> | ||
| lar | Conecte -se à página inicial do site | <link href=http://www.ooxx.com rel=home /> | ||
| primeiro | Link para o primeiro documento na coleção | <link rel=first href=index.html> | ||
| começar | Link para a primeira página do documento atual | <link rel=start href=about:blank> | ||
| próximo | Link para o próximo documento na coleção | <link rel=next href=about:blank> | ||
| Anterior | Link para o documento anterior na coleção | <link rel=chapter href=about:blank> | ||
| Durar | Link para o último documento na coleção | <link rel=last href=index.html> | ||
| acima | Fornece um link para um documento. Este documento fornece a relação contextual do documento atual | |||
| Procurar | Ferramentas de pesquisa para vincular os documentos | |||
| barra lateral | Link para um documento que deve aparecer na barra lateral do navegador | |||
| conteúdo | Link para o diretório de conteúdo do documento atual | Geralmente é colocado na barra lateral do conteúdo principal do documento para facilitar o salto entre tópicos na página atual | ||
| índice | Link para o índice do documento atual | |||
| glossário | Link para o glossário atual do documento | |||
| direitos autorais | Link para a página de direitos autorais ou privacidade do documento atual | Direitos autorais na parte inferior do site | ||
| Capítulo | Link para um capítulo do documento atual | |||
| seção | Link para uma seção na lista de documentos | |||
| Subseção | Link para subseções na lista atual de documentos. (Uma seção pode ter várias subseções.) | |||
| cabeça | Link para documentos de nível superior em coleções | |||
| Toc | Diretório vinculado à coleção | |||
| pai | Link para o documento acima da fonte | |||
| criança | Link para o documento abaixo da fonte | |||
| ajuda | Link para ajudar documentos | <link rel=help href=http://www.xxoo.net/help.html /> | ||
| Marco | URL permanente usado como favorito | Título da lista | ||
| externo | Link para documentos externos | Conexões externas citadas no artigo | ||
| Nofollow | Link para documentos não autorizados, como links pagos O Google usa nofollow para estipular que sua aranha de pesquisa não rastreia o link | Artigos relacionados no site, Artigos aleatórios no site, comentários, comentários, navegação e links de autores na página da lista e do artigo, endereços de comentários na barra lateral, links da página inicial na navegação na página inicial, artigos com mais comentários e artigos com o máximo de acessos | ||
| Noreferrer | Especifica que, quando o usuário segue o hiperlink, o navegador não deve enviar o cabeçalho do referente HTTP | |||
| licença | Informações de direitos autorais vinculadas ao documento | |||
| marcação | Tag atual de documento (palavra -chave) | Tag Cloud na barra lateral, tags no artigo, tags na lista, tags para páginas de tags | ||
| amigo | patrocinador | Links amigáveis, temas no fundo 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
A etiqueta do Rel-Author que eu tenho que mencionar
Valor da Propriedade Canônica HTML Rel
O significado do atributo Link Tag rel
Sobre Rel = Canonical (ferramenta do Google Webmaster)