Arquivo da Categoria ‘HTML’

Alinhando um Div ao centro com css

Quinta-feira, 10 de Julho, 2008

O Positivo desenvolve seus web sites em tableless.

Para centralizar um div basta fazer assim:

PLAIN TEXT
HTML:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <head>
  5.       <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.       <title>Aula div com css O Positivo </title>
  7.         <style type="text/css" media="screen">
  8.         #div_centro {
  9.                 width: 300px;
  10.                 margin: 0 auto;
  11.                 border:1px solid red;
  12.                        
  13.                 }
  14.  
  15.         </style>
  16.     </head>
  17.     <body>
  18.         <div id="div_centro"></div>
  19.     </body>
  20. </html>

muito simples e fácil. Até a próxima dica.

Ducca - O Positivo

Na categoria HTML, Sem categoria | 11 Comentários »

Meta tags para o Google

Quarta-feira, 4 de Junho, 2008

As meta tags são uma ótima maneira para os webmasters fornecerem informações sobre seus sites a mecanismos de pesquisa. As meta tags são usadas para fornecer informações para todos os tipos de clientes e cada sistema processa somente as meta tags que entendem, ignorando as restantes. As meta tags são adicionadas à seção de sua página em HTML, e geralmente tem esta aparência:

PLAIN TEXT
HTML:
  1. <head>
  2. <meta NAME="Descrição" CONTEÚDO="Autor: A.N. Autor, Ilustrador: P. Picture, Categoria: Livros, Preço: £9.24, Comprimento: 784 páginas" />
  3. <meta http-equiv="Tipo de conteúdo" CONTEÚDO="texto/html; conjunto de caracteres=iso-8859-1" />
  4. <meta NAME="verificar-v1" CONTEÚDO="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>
  5. <meta NAME="robôs" CONTEÚDO="noindex,nofollow" />
  6. </head>

O google ente as seguinte meta tags:

PLAIN TEXT
HTML:
  1. <meta name="descrição" conteúdo="Uma descrição da página" />

Essa tag fornece uma descrição breve da página. Em algumas situações, essa descrição é usada como parte de um snippet exibido nos resultados de pesquisa.

PLAIN TEXT
HTML:
  1. <title>O título da página</title>

Embora não seja tecnicamente uma meta tag, essa tag é freqüentemente usada com a tag "descrição". O conteúdo dessa tag geralmente é exibido como o título nos resultados de pesquisa (e, claro, no navegador do usuário).

PLAIN TEXT
HTML:
  1. <meta name="robôs" content="..., ..." />
  2. <meta name="googlebot" content="..., ..." />

Essas meta tags controlam o comportamento do rastreamento e indexação dos mecanismos de pesquisa. A meta tag robots se aplica a todos os mecanismos de pesquisa, enquanto a meta tag "googlebot" é específica do Google. Os valores padrão são "índice, seguir" (o mesmo que "todos") e não é necessário especificá-los. Nós entendemos os seguintes valores (ao especificar diversos valores, separe-os com uma vírgula):

noindex: impede que a página seja indexada
nofollow: evita que o Googlebot siga os links desta página.
nosnippet: evita que um snippet seja exibido nos resultados de pesquisa
noodp: evita o uso da descrição alternativa do ODP/DMOZ.
noarchive: evita que o Google exiba o link Em cache para uma página.
indisponivel_apos:[data]: permite que você especifique a hora e data exata para a interrupção do rastreamento e indexação dessa página.
noimageindex: permite que você especifique que não deseja que sua página seja exibida como a página de referência para uma imagem exibida nos resultados de pesquisa do Google.

Observe que é possível agora especificar essa informação no cabeçalho de suas páginas usando a diretiva de cabeçalho HTTP "X-Robots-Tag". Isso é útil principalmente se você deseja refinar o rastreamento e indexação de arquivos não-HTML, como gráficos e outros tipos de documentos.

PLAIN TEXT
HTML:
  1. <meta name="google" value="notranslate" />

Quando reconhecemos que o conteúdo de uma página não está no idioma desejado pelo usuário, oferecemos um link para uma tradução nos resultados de pesquisa. Geralmente, isso oferece a oportunidade de fornecer seu exclusivo e atraente conteúdo para um grupo muito maior de usuários. No entanto, há situações em que isso não é o desejado. Essa meta tag diz ao Google que você não deseja que forneçamos uma tradução para essa página.

PLAIN TEXT
HTML:
  1. <meta name="verify-v1" content="..." />

Você pode usar essa tag na página de nível superior de seu site para confirmar a titularidade para nossas Ferramentas para webmasters. Observe que, embora os valores dos atributos "nome" e "conteúdo" devam corresponder exatamente ao que é fornecido por você (incluindo letras maiúsculas e minúsculas), não importa se você altera a tag de XHTML para HTML ou se o formato da tag corresponde ao formato de sua página.

PLAIN TEXT
HTML:
  1. <meta http-equiv="Tipo de conteudo" CONTENT="...; conjunto de caracteres=..." />

Essa meta tag define o tipo de conteúdo e conjunto de caracteres da página. Verifique se o valor do atributo de conteúdo está entre aspas - caso não esteja, o atributo de conjunto de caracteres poderá ser interpretado incorretamente.

PLAIN TEXT
HTML:
  1. <meta http-equiv="refresh" content="...;url=..." />

Essa meta tag envia o usuário a um novo URL após um determinado período de tempo e, muitas vezes, é usada como uma forma simples de redirecionamento. Porém, nem todos os navegadores oferecem suporte a ela e pode confundir o usuário. O W3C recomenda que essa tag não seja usada. Recomendamos o uso de um redirecionador server-side 301.

Outros pontos a observar:
O Google lê tanto meta tags no estilo HTML quanto XHTML, independentemente do código usado na página.
Exceto no caso de "verificar", a distinção entre maiúsculas e minúsculas não é importante nas meta tags.
Essa não é uma lista exclusiva de meta tags disponíveis; você poderá usar meta tags não listadas se elas forem importantes para seu site. Lembre-se apenas que o Google irá ignorar meta tags que não conhece.

até mais

Ducca

Fonte: Google

Etiquetas:Meta Tags para o Google
Na categoria HTML | 7 Comentários »

  • Categorias

    • C# (1)
    • CAPA (13)
    • Design (2)
    • Fotografia (3)
    • HTML (2)
    • Links positivos (9)
    • PHP (6)
    • Sem categoria (2)
    • Sharepoint (3)
    • SQL (1)
    • VBA (1)
    • Visual basic (1)
  • Posts Recentes

    • Tabela Tipográfica
    • Design de logos 2009
    • Função para Paginação PHP
    • Color Blender
    • Pulseira USB
  • Páginas

    • Acerca

O + criado com WordPress
RSS Artigos e RSS Comentários.