Bom pessoal, em um dos meus passeios pela internet encontrei este site que contém se não todos uma grande quantidade de atributo de de HTML vale a pena conferir.
-
23Apr
-
12Apr
O favicon é importante pois elementos visuais são mais faceis de serem lembrados, assim só de bater o olho já sabemos de que empresa se trata.
Esse nome vem da fusão de duas palavras favorites+icon.Muita gente se pergunta como se coloca os logos ao lado da barra de navegação, bem isso é simples, basta adicionar a linha abaixo dentro das tags <head> </head><link rel=”shortcut icon” type=”image/x-icon” href=”favicon.ico” / >
nota:favicon.ico é um arquivo do tipo ícone, é aconselhável usar essa extensão assim como salva-la no diretório raiz do site e ter no máximo o tamanho de 16×16 assim ela será compatível com todos browser com suporte a favicon .
Existem diversos programas e até sites para criais favicon vou deixar alguns aqui.
Online
Favicon.cc
Favicon generator tool – converte uma imagem com extensão .jpg, .png ou .gif de até 100 KB em um arquivo .ico com 16×16 pixels. Em inglês;Favicon from Pics – Aceita qualquer formato de imagem, em qualquer tamanho.
ConvertIco – Tranforma uma imagem .PNG em uma .ICO
No desktop (PC)
é isso ai, espero ter ajudado, até a próxima.
-
12Apr
Olá pessoal, hoje vim dizer a importância das meta tag.
Bom, muita gente nem se preocupa de usa-las, ou porque não sabe da importância, ou porque desconheça sua existência.
Elas são linhas de códigos (etiquetas) para que os buscadores (SEO) possam achar com mais facilidade sua página, serve também para ‘assinar’ sua página para evitar possíveis cópias.
As meta tag são:
Keywords (palavras – chave)
Nesta tag você deverá incluir o maior número possível de palavras que se refiram ao seu texto. Se não utilizar as mesmas palavras, tente utilizar sinônimos. Nunca quebre uma linha de palavras-chave, porque seu trecho de código será considerado um erro e será ignorado. Por isso, utilize quantas meta tags keywords você precisar.
<meta name=”keywords” content=”sites, web, desenvolvimento, html, design”>
Sempre separe as palavras com vírgula, e declare todas elas em letras minúsculas – alguns buscadores têm problemas com letras maiúsculas e podem ignorar seu site.
description (descrição)
Esta meta tag, apresentara ao buscador um resumo do seu site.
<meta name=”description” content=” Sistemas uniban – Um blog cheio de conhecimento”>
Não use mais que duas ou três frase, pois isso pode prejudicar sua página quando fizerem a busca.
robots (robôs)
Com esta meta tag podemos decidir se nosso site vai aparecer ou não nos buscadores.
Ai vocês me perguntam.
“Mas porque não iria inserir meu site na busca?”Simples, um motivo são os iframes que não são necessários ser mostrados na busca, e outros são os blogs pessoais ou outros tipos de sites que são muito particulares.
os valores possíveis são:
<meta name=”robots” content=”index,follow”>
<meta name=”robots” content=”noindex,follow”>
<meta name=”robots” content=”index,nofollow”>
<meta name=”robots” content=”noindex,nofollow”>
<meta name=”robots” content=”noarchive”>
Os valores “index” e “noindex” se referem ao tratamento da página inicial: se o buscador deve ou não incluí-la nos resultados, respectivamente.
E os valores “follow” e “nofollow” se referem aos links da página inicial, se eles devem ser visitados e indexados ou não.
content-language (linguagem do conteúdo)
Especifica ao buscador a lingua nativa do site, útil para ajudar os buscadores a classificar seu site no idioma apropriado, ajudar os navegadores a colocar a acentuação e os caracteres especias.
Alguns valores possíveis:
pt Português
pt-br Português do Brasil
en Inglês
en-us Inglês dos EUA
en-gb Inglês Britânico
fr Francês
de Alemão
es Espanhol
it Italiano
ru Russo
zh Chinês
ja JaponêsUm exemplo com português do Brasil (pt-br)
<meta http-equiv=”content-language” content=”pt-br”>
content-type (tipo do conteúdo)
especifica o tipo de conteúdo e o tipo de caracter que ela usa, é importante usa-la em todas as páginas assim garantimos que o navegador irá interpretar corretamente os textos do site.
Exemplo com o content-type usado aqui no Brasil.
<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″>
text/html define que o conteúdo é um texto em linguagem HTML. Se você desenvolve sites em XHTML ou XML certamente sabe que deverá os valores “application/xhtml+xml” e “application/xml”, respectivamente.
iso-8859-1 é a codificação da linguagem mais comum para exibir textos
author (autor)
É sua assinatura na página, com ela quem procurar pelo seu nome nos buscadores ele achara as páginas que conterem essa ‘assinatura’.
Exemplo:
<META NAME="author" CONTENT="Victor">
reply-to (responder para)
Especifica um endereço de e-mail para entrar em contato com os desenvolvedores do site.
Exemplo:
<meta name="reply-to" content="veji_@hotmail.com">
generator (gerador)
Identifica qual editor foi usado para edição do site, e mostra ao Windows que icone deve ser usado.
Exemplo:
<meta name="generator" content="Microsoft FrontPage 5.0">refresh (redirecionamento)
Algumas vez você já se deparou com a segunte mensagem “você será redirecionado daqui 5 segundos ou click aqui para entrar no site”, bom isso é feito com a meta tag refresh.
Esse redirecionamento é muito simples,veja:
<meta http-equiv="refresh" content="5;url=http://asuniban.blogspot.com/">
O 5 quer dizer que você será enviado para a outra página em 5 segundos, e se você colocar 0 a página não é atualizada.
Bom é isso ai pessoal, espero ter ajudado.
fonte InfoWester
