Marcação de texto e definição de idioma do documento
Hoje daremos continuidade ao que aprendemos na postagem Aprenda para que servem as tags e como usá-las, onde aprendemos a mostrar o título da página na guia do navegador e também a principal diferença entre código inserido na tag <head> e código inserido na tag <body.>. Vimos que ao inserir um texto diretamente no <body> (corpo) do documento, ele é exibido pelo navegador, mas alertamos desde já que essa não é uma boa prática, pois, embora o navegador tenha conseguido mostrar o conteúdo de forma satisfatória, a não utilização das tags corretas podem gerar erros imprevisíveis.
A tag <p></p>
O html possui uma tag para marcação de textos como parágrafos, por isso usamos as seguintes tags <p></p>. Todo o texto envolvido entre as tags <p> de abertura e de fechamento serão tratadas como um parágrafo em html.
Vamos corrigir o nosso exemplo2.html da aula passada marcando o texto dentro da tag <body>, marcando-o com a tag de parágrafos <p></p>: Edite o último exemplo para que ele fique igual a este:
Vamos corrigir o nosso exemplo2.html da aula passada marcando o texto dentro da tag <body>, marcando-o com a tag de parágrafos <p></p>: Edite o último exemplo para que ele fique igual a este:
<!DOCTYPE html>
<html>
<head>
<title>Minha Página Web</title>
<meta charset="UTF-8">
</head>
<body>
<p>Olá Mundo!</p>
</body>
</html>
Feito isso, salve o documento e abra-o. Você verá que a exibição na tela não é muito diferente do que aconteceu no exemplo antigo, porém, agora o texto está devidamente marcado e possui um significado tanto para o navegador, quanto para leitores de tela e sites de busca.
Definindo o idioma do documento
Para definirmos o idioma do documento html, basta acrescentarmos o atributo lang na tag de abertura <html>: e configurá-lo para o idioma desejado, por exemplo:
<html lang="pt-br"> configura o idioma da página para o português do Brasil
<html lang="en-us"> configura o idioma para o inglês dos Estados Unidos.
Usando o mesmo princípio acima, configure o idioma da página para o português brasileiro. O código deve ficar desta forma:
<html lang="pt-br"> configura o idioma da página para o português do Brasil
<html lang="en-us"> configura o idioma para o inglês dos Estados Unidos.
Usando o mesmo princípio acima, configure o idioma da página para o português brasileiro. O código deve ficar desta forma:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Minha Página Web</title>
<meta charset="utf-8">
</head>
<body>Olá Mundo!</body>
</html>
Para finalizarmos eu gostaria de informar que o html não é case-sensitive (sensível à caixa). Que caixa? Você pode perguntar. Caixa alta (maiúsculas) ou caixa baixa (minuúsculas). Assim, tanto faz escrever <p></p> ou <P></P>. O seu código irá funcionar. O padrão html que regulamenta as melhores práticas na linguagem, não exige que as tags sejam escritas em caixa baixa (minúsculas), porém o W3C ("The World Wide Web Consortium") recomenda que se utilizem tags minúsculas. Até a próxima postagem!
Comentários
Postar um comentário