Como fazer Breadcrumbs em HTML

Escrito por jim campbell | Traduzido por renato martin
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer Breadcrumbs em HTML
Os breadcrumbs são links usados ​​para acessar diferentes seções do seu site (Creatas Images/Creatas/Getty Images)

Os Breadcrumbs são links usados ​​para acessar diferentes seções do seu site. Eles são colocados em um arquivo separado de outro HTML, sendo geralmente usados para criar links de sites de ferramentas de busca, como o Google. Os Breadcrumbs aparecem nos resultados de busca do usuário. Dessa forma, o site se destaca e os usuários poderão clicar em um link para se moverem diretamente para uma página específica da internet.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Clique no botão "Iniciar" do Windows e digite "Bloco de notas", na caixa de texto de pesquisa. Pressione "Enter" para abrir o editor de texto.

  2. 2

    Crie os links breadcrumb. Por exemplo, o código a seguir criará dois links para uma página de "produtos" e uma de "contato":

    <a href="products.html">Products</a> <a href="contact.html">Contact</a>

  3. 3

    Clique no botão "Arquivo" do menu, depois em "Salvar", para abrir uma janela de diálogo. Digite "breadcrumbs.inc" como o nome do arquivo e clique em "Salvar". Lembre-se do local, porque você deverá incluí-lo em seu arquivo HTML.

  4. 4

    Clique com o botão direito na página inicial do site e selecione "Abrir com". Clique duas vezes no seu editor HTML preferido.

  5. 5

    Digite o código a seguir, na parte superior do arquivo de código HTML:

    <!--chtml include "/breadcrumb.inc""-->

  6. 6

    Pressione as teclas "Ctrl" e "S", para salvar o novo código HTML. Dê um duplo clique no arquivo HTML, para abri-lo no navegador e testar o novo código.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível