39 lines
1.7 KiB
Markdown
39 lines
1.7 KiB
Markdown
---
|
||
title: Page Structure
|
||
localeTitle: Estrutura da Página
|
||
---
|
||
## Estrutura da Página
|
||
|
||
Para criar suas páginas em `HTML` , você precisa saber como estruturar uma página em `HTML` , basicamente, a estruturação de uma página segue a ordem abaixo:
|
||
|
||
```HTML
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Title of the Page</title>
|
||
</head>
|
||
<body>
|
||
<!-- Content -->
|
||
</body>
|
||
</html>
|
||
```
|
||
|
||
1º - A declaração `<!DOCTYPE html>` deve ser sempre a primeira a aparecer em uma página `HTML` e informar ao navegador qual versão do idioma está sendo usada. Nesse caso, estamos trabalhando com o `HTML5` .
|
||
|
||
2º - As tags `<html>` e `</html>` informam ao navegador da web onde o código `HTML` inicia e termina.
|
||
|
||
3º - As tags `<head>` e `</head>` contêm informações sobre o site, exemplo: estilo, meta-tags, scripts, etc…
|
||
|
||
4º - As tags `<title>` e `</title>` dizem ao navegador qual é o título da página. O título pode ser visto identificando a guia no seu navegador da Internet. O texto definido entre essas tags também é o texto usado como título pelos mecanismos de pesquisa quando eles apresentam as páginas nos resultados de uma pesquisa.
|
||
|
||
5º - Entre as tags `<body>` e `</ body>` , é colocado o conteúdo da página, que é o que é exibido no navegador.
|
||
|
||
### Mudanças no HTML5
|
||
|
||
#### Introdução de tags semânticas
|
||
|
||
Em vez de usar `<div>` para todos os outros contêineres, várias semânticas (essas tags ajudam os leitores de tela que são usados visualmente tags) como `<header>` `<footer>` . Portanto, é aconselhável usar essas tags em vez de genéricas `<div>` .
|
||
|
||
#### Mais Informações:
|
||
|
||
[HTML: Introdução](https://www.w3schools.com/html/html_intro.asp) |