on-load-remove-class="default-font">
×
Loading ...

Como fazer Breadcrumbs em HTML

Atualizado em 19 julho, 2017

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.

Instruções

Os breadcrumbs são links usados ​​para acessar diferentes seções do seu site (Creatas Images/Creatas/Getty Images)
  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.

    Loading...
  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":

    Products Contact

  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. 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. Digite o código a seguir, na parte superior do arquivo de código HTML:

  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.

Loading...

Referências

Loading ...
Loading ...