Qualidade Web - Elementos HTML Importantes

Para melhorar a qualidade da web, <DOCTYPE>, <title> e <h1> são etiquetas importantes.

Elemento <DOCTYPE>

Doctype significa "declaração de tipo de documento" (DTD).

Todos os documentos HTML e XHTML devem usar o elemento <Doctype> para definir qual versão do HTML está sendo utilizada.

O doctype define a versão do HTML que você está usando e fornece informações importantes ao navegador para que ele possa apresentar sua página de maneira mais rápida e consistente.

A declaração de tipo de documento também permite que o software de validação verifique a sintaxe da página:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Se você não gostar do tamanho padrão da fonte dos títulos, você pode usar estilos ou folhas de estilo para mudar.O sinal <!DOCTYPE> do HTML

O elemento <title>

O elemento <title> é um dos elementos HTML mais importantes. Sua função principal é descrever o conteúdo da página.

Mesmo que o título não seja uma parte visível da página, ele é importante para melhorar a qualidade do site, pois é visível nos seguintes locais:

  • Na lista de motores de busca
  • Na barra de título da janela
  • Nos favoritos do usuário

O título deve ser o mais curto possível e descrevente.

Quando um usuário procurar um site na internet, a maioria dos motores de busca exibirá o título do site nos resultados da busca. Certifique-se de que o título esteja em harmonia com o conteúdo da página. Dessa forma, os usuários terão mais chances de acessar seu site clicando nessas links.

Quando o usuário acessar seu site, o título na barra de título da janela é visível. Certifique-se de que, mesmo que a janela seja minimizada, o título continue a desempenhar o papel de descrever o conteúdo do site.

在用户访问你的网站之后,网页的标题会存储于历史文件夹(用户甚至会把网页收藏到他的收藏夹中)。为了后续的成功访问,同样请确保标题可以清楚地描述您的网站。

Após o usuário acessar seu site, o título da página é armazenado na pasta de histórico (o usuário pode até mesmo adicionar a página aos seus favoritos). Para acessos futuros bem-sucedidos, certifique-se de que o título descreva claramente seu site.

Títulos excelentes:
<title>Tutorial HTML</title>

<title>Introdução XML</title>

Títulos ruins:
<title>Introdução</title>
<title>Capítulo 1</title>
<title>CodeW3C.com possui uma série bem organizada e fácil de entender de HTML, CSS, JavaScript,</title>

Se você não gostar do tamanho padrão da fonte dos títulos, você pode usar estilos ou folhas de estilo para mudar.DHTML, XML, XHTML, WAP, ASP, SQL Tutoriais, e inclui muitos exemplos e código-fonte.</title>

HTML <title> Tag

Elemento <h1>

O elemento <h1> é usado para descrever o título mais alto da página da web.

Alguns navegadores exibem o elemento <h1> por padrão com uma fonte muito grande, então alguns desenvolvedores de web usam o elemento <h2> em vez de <h1> para exibir o título mais alto. Isso não afeta os leitores, mas pode confundir os motores de busca e outros softwares que tentam 'entender a estrutura da página da web'.

Certifique-se de usar <h1> para o título mais alto, <h2> e <h3> para níveis inferiores.

Tente construir sua página da web com base neste modelo:

Se você não gostar do tamanho padrão da fonte dos títulos, você pode usar estilos ou folhas de estilo para mudar.Ver: