Definir títulos e links em html elemento head página

Dentro do elemento HTML em uma página que você está construindo para o seu site, existem dois principais, elementos definidores. O conteúdo visível da página está incluído no

tag, e, em seguida, tudo o resto vai na cabeça elemento.

Video: Curso de HTML - Aula 3 - Linhas nas páginas, Hyperlink, link, imagem

A seção de cabeçalho do documento HTML é onde o título da página é definido e também onde links para arquivos no qual a página HTML depende estão definidos. Os elementos HTML dentro do cabeça elemento de comunicar informações importantes, tais como o nome do site, uma descrição do conteúdo do site, e a folha de estilo vinculada. Esta informação é usada pelo navegador, motores de busca, e os visitantes do site.

A secção de cabeça de um HTML inclui tipicamente:

Video: HTML (Aula 3) - Criando links

  • O título da página

  • Links para o arquivo (s) folha de estilo CSS que são usados ​​para formatar a página

  • Palavras-chave e outros “metadados” usados ​​em motores de busca

Títulos resumir o conteúdo da página

UMA título da página é exibido na barra de título de uma aba do navegador ou do navegador e também na maioria das listas de resultados de pesquisas. Os títulos das páginas são essenciais - eles devem ser sucinto, mas ainda resumir o conteúdo da página.

Video: Link tag -- HTML Head section (part 3/5) [ HTML in Hindi ]

Aqui está o código de exemplo para um título da página:

Bem-vindo ao Coletivo Web!

Links para folhas de estilo CSS (s)

Links para folhas de estilo também pertencem no elemento principal de uma página HTML. Lembre-se que a formatação é fornecida para páginas web modernas via arquivos externos, distintas, separadas, ligadas. Veja como esse código se parece:

A sintaxe para uma folha de estilo vinculada é um pouco confuso, então dividi-la. A tag que liga uma folha de estilo para uma página HTML é um exemplo de um elemento não-container (por vezes referido como um elemento void). Em outras palavras, há apenas uma tag de abertura e nenhuma marca de fechamento. Em vez disso, este link tag abre com lt; e fecha-se com / gt ;.

Elementos, atributos, e os valores



By the way, ou talvez não tão by-the-way, elementos HTML têm atributos, e esses atributos são definidos com a sintaxe que se segue o modelo de atributo name = “value”.

Video: Colocar conteúdo no corpo do HTML - 5ª Hora

Para ficar com o exemplo de uma folha de estilo vinculada, o elemento de ligação tinha rel, href, e atributos de tipo. Esses atributos têm ambos atributo nomes (gostar rel, href, ou tipo) e valores (As informações específicas nas citações que segue o nome do atributo).

O (a menos, mas ainda relevante) papel de meta tags

meta tags são elementos opcionais dentro de um elemento de cabeça que transmitem informações adicionais sobre uma página, incluindo o seguinte:

  • Descrições e palavras-chave usadas pelos motores de busca.

  • Informações adicionais sobre a página, como autor.

Como tudo na HTML, o papel eo valor de meta tags está evoluindo. Em épocas anteriores, meta tags de palavras-chave desempenhado um papel mais significativo na busca de otimização (SEO-exposição proeminente e precisa de resultados de pesquisas).

No entanto, modernos motores de busca (e novas marcas adicionais em HTML5) fornecer canais alternativos e mais complexos e sofisticados para identificar o conteúdo da página e indexação que o conteúdo nos motores de busca. Ainda assim, usando meta tags para autor, descrição e palavras-chave (às vezes ainda útil para os motores de busca) ainda pode ser uma parte importante do conteúdo de cabeçalho HTML.

Dê uma olhada no que uma abertura típica para uma página HTML, incluindo o cabeça elemento, pode parecer.

Bem-vindo à Revolução Web

Os elementos HTML dentro do cabeça elemento de comunicar informações importantes, tais como o nome do site, uma descrição do conteúdo do site, e a folha de estilo vinculada. Esta informação é usada pelo navegador, motores de busca, e os visitantes do site.

A figura revela como as peças do elemento de cabeça comunicar informações para o mundo. Você pode ver o código fonte HTML para a versão de Nova York de craigslist.com (superior esquerdo), juntamente com o título definido, exibido na barra de título de um navegador (canto superior direito) e a descrição definida como ele aparece no Google resultado da pesquisa (inferior direito).


Publicações relacionadas