Tags HTML
O HTML é composto de diversas tags, cada uma com sua função e significado. O HTML 5, então, adicionou muitas novas tags, que veremos ao longo do curso.
Nesse momento, vamos focar em tags que representamtítulos, parágrafo e ênfase.
Títulos
Quando queremos indicar que um texto é um título em nossa página, utilizamos as tags de heading em sua marcação:
<h1>Mirror Fashion.</h1> <h2>Bem-vindo à Mirror Fashion, sua loja de roupas e acessórios.</h2>
As tags de heading são tags de conteúdo e vão de
<h1> a <h6>, seguindo a ordem de importância, sendo <h1> o título principal, o mais importante, e <h6> o título de menor importância.
Utilizamos, por exemplo, a tag
<h1> para o nome, título principal da página, e a tag <h2> como subtítulo ou como título de seções dentro do documento.
A ordem de importância, além de influenciar no tamanho padrão de exibição do texto, tem impacto nas ferramentas que processam HTML. As ferramentas de indexação de conteúdo para buscas, como o Google, Bing ou Yahoo! levam em consideração essa ordem e relevância. Os navegadores especiais para acessibilidade também interpretam o conteúdo dessas tags de maneira a diferenciar seu conteúdo e facilitar a navegação do usuário pelo documento.
Parágrafos
Quando exibimos qualquer texto em nossa página, é recomendado que ele seja sempre conteúdo de alguma tag filha da tag
<body>. A marcação mais indicada para textos comuns é a tag de parágrafo:<p>Nenhum item na sacola de compras.</p>
Se você tiver vários parágrafos de texto, use várias dessas tags
<p> para separá-los:<p>Um parágrafo de texto.</p> <p>Outro parágrafo de texto.</p>
Marcações de ênfase
Quando queremos dar uma ênfase diferente a um trecho de texto, podemos utilizar as marcações de ênfase. Podemos deixar um texto "mais forte" com a tag
<strong> ou deixar o texto com uma "ênfase acentuada" com a tag <em>. Também há a tag<small>, que diminui o tamanho do texto.
Por padrão, os navegadores renderizarão o texto dentro da tag
<strong> em negrito e o texto dentro da tag <em> em itálico. Existem ainda as tags <b> e <i>, que atingem o mesmo resultado visualmente, mas as tags <strong> e <em> são mais indicadas por definirem nossa intenção de significado ao conteúdo, mais do que uma simples indicação visual. Vamos discutir melhor a questão do significado das tags mais adiante.<p>Compre suas roupas e acessórios na <strong>Mirror Fashion</strong>.</p>
Nenhum comentário:
Postar um comentário