Pular para o conteúdo principal

Curso de HTML- Aula 8: Meta tags e perguntas frequentes

No artigo de hoje do nosso curso de HTML aprenderemos sobre as meta tags utilizadas na seção head da nossa página web. Dessa forma, todas as tags que veremos a seguir devem estar entre as tags <head> e </head>.Caso ainda não tenha lido os artigos anteriores a este, segue os links:


Curso de HTML

O que são meta tags?

São parâmetros dentro do html que foram criados para apontar algumas informações importantes a respeito do conteúdo da página web.

Exemplos de meta tags

1
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

Meta tag utilizada para informar qual o conjunto de caracteres que será utilizado dentro da página web. No charset, você define a codificação do conteúdo, sendo os mais comuns o UTF-8 e iso-8859-1.

1
<meta http-equiv="content-language" content="pt-br" />

Meta tag utilizada para apontar a linguagem do conteúdo da página. Ajuda bastante as ferramentas de busca que precisam direcionar a página no idioma a que ela se refere. (pt-br: Português do Brasil; en: Inglês; es: Espanhol)

1
<meta name="author" content="Júnior Gonçalves" />

Meta tag utilizada geralmente para informar o nome do autor do conteúdo inserido na página.

1
<meta name="keywords" content="css, html, php, webstandards" />

Esta meta tag era utilizada antigamente para informar às ferramentas de busca quais eram as palavras-chaves da página web. Entretanto, já é de conhecimento comum que os buscadores deixaram a muito tempo de levar essa informação como fator de ranqueamento. Mesmo assim, costumamos utilizar essa tag por saudosismo, colocando no máximo nove palavras referente ao assunto abordado na página em questão.

1
<meta name="description" content="Descrição do conteúdo da página" />

Esta meta tag é utilizada para definirmos uma breve descrição do conteúdo da nossa página, sendo essencial limitar-se a no máximo 180 caracteres. Essa meta tag é importante por que está no conjunto de fatores analisados pelas ferramentas de busca para verificar o conteúdo e a qualidade de uma página. Além disso, é interessante também dar atenção a essa meta tag, pois, quando compartilhamos um link no Facebook, por exemplo, o conteúdo dessa meta tag é exibido logo abaixo do link.

Exemplo da utilização da meta tag description

Para finalizarmos a 8ª aula do nosso curso, listarei abaixo algumas perguntas frequentes realizadas pelos alunos.

Perguntas frequentes

1) As tags devem ser escritas com letras maiúsculas ou minúsculas?

Para a maioria dos navegadores é indiferente se você usa maiúscula, minúscula ou mesmo uma mistura delas. Entretanto, a maneira profissional de criar páginas web seguindo os padrões de desenvolvimento da W3C, é utilizando sempre letras minúsculas.

2) Posso usar várias tags simultaneamente?

Sim, você pode usar quantas tags queira desde que as aninhe convenientemente. Veja como fazer isto no exemplo abaixo:

1
<b><i>Texto em negrito e itálico.</i></b>

Observe que no exemplo a primeira tag de abertura <b> corresponde a última tag de fechamento </b>. Ou seja, as últimas tags a serem abertas têm que ser as primeiras a serem fechadas, e as primeiras a serem abertas terão que ser as últimas a serem fechadas.

3) Qual a diferença entre HTM e HTML?

Ambas as extensões são a mesma coisa. O que acontece é que antigamente as extensões em computadores MS-DOS possuíam apenas três letras e com o advento do Windows, essas três letras deixaram de ser uma regra e passou-se a utilizar como padrão a extensão “.html”.

4) Sempre terei que usar <ol> e <li> juntos?

Sim. Você sempre deve usar <ol> e <li> juntos ou <ul> e <li>. Nenhum desses elementos faz sentido sem o outro. Lembre-se, uma lista é na verdade um grupo de itens: o elemento <li> é usado para identificar cada item, e o elemento <ol> é usado para agrupá-los.

5) Posso colocar texto ou outros elementos dentro de um elemento <ol> ou <ul>?

Não. Os elementos <ol> e <ul> foram criados para funcionarem apenas com o elemento <li>

6) Qual a diferença entre as tags <tr> e <td>? 

A tag <tr> significa “table row” (linha de tabela) e indica onde começa e termina e uma linha horizontal na tabela e a tag <td> significa “table data” (dados da tabela), indicando onde começa e termina cada célula contida nas linhas da tabela. Clique aqui para saber mais sobre criação de tabelas.

7) O que é atributo?

Atributos são escritos dentro da tag, seguidos por um sinal de igual e depois entre aspas são declaradas as informações do atributo.

Comentários

Postagens mais visitadas deste blog

Portugol: Conceitos Básicos

         A Linguagem de Programação do VisuAlg (1)  Introdução A linguagem que o VisuAlg interpreta é bem simples: é uma versão portuguesa dos pseudocódigos largamente utilizados nos livros de introdução à programação, conhecida como "Portugol". Tomei a liberdade de acrescentar-lhe alguns comandos novos, com o intuito de criar facilidades específicas para o ensino de técnicas de elaboração de algoritmos. Inicialmente, pensava em criar uma sintaxe muito simples e "liberal", para que o usuário se preocupasse apenas com a lógica da resolução dos problemas e não com as palavras-chave, pontos e vírgulas, etc. No entanto, cheguei depois à conclusão de que alguma formalidade seria não só necessária como útil, para criar um sentido de disciplina na elaboração do "código-fonte". A linguagem do VisuAlg permite apenas um comando por linha : desse modo, não há necessidade de tokens separadores de estruturas, como o ponto e vírgula em Pascal. Também não existe...

Aula 09: Questionário de Revisão HTML

  Questionário de revisão HTML 1 – O que significa a sigla HTML? Hyperlinks Texting Markup Language Hiperlinks and Text Marking Language Hyperlinks and Text Markup Language Hiper Text Marking Language Hyper Text Markup Language 2 – Que tipo de linguagem é o HTML? Linguagem de programação, ou seja, serve para ensinar o computador a fazer algo Linguagem de consulta, ou seja, serve para especificar informações às quais queremos ter acesso Linguagem de estilização, ou seja, serve para definir a aparência de um conteúdo Linguagem de programação, ou seja, serve para indicar o que cada trecho de um documento representa Linguagem de marcação, ou seja, serve para estruturar informações e criar páginas web 3 – Qual das alternativas abaixo apresenta as tags básicas para criarmos uma página web? <html>, <title>, <body> e <p> <head>, <title>, <body> e <p> <head>, <title>, <body>, <h1> e <p> <html>, <...

Curso de HTML – Aula 5: Criação de tabelas

Esta é a quinta aula do Curso de Desenvolvimento Web com HTML na qual aprenderemos a estruturar tabelas em nossa página web. Caso ainda não tenha lido os artigos anteriores a este, segue os links: Aula 1: Estrutura de uma página web ; Aula 2: Títulos, Listas e outras tags ; Aula 3: Inserindo imagens no HTML Aula 4: Navegando pelos links Imagine que você esteja desenvolvendo um site e precise criar uma página HTML com os dados de um relatório no formato de planilha eletrônica semelhante ao Microsoft Excel. Os dados oriundos desse relatório precisam ser tabulados, ou seja, precisam ser organizados de forma lógica em uma tabela composta por linhas e colunas como ilustra a imagem abaixo.                                    Criar tabelas não é um dos assuntos mais fáceis de entender na linguagem HTML. No entanto, se você acompanhar atentamente desde o início o passo a pas...