Sintaxe
O HTML
1 |
|
2 |
|
3 |
|
Exemplo
Digamos que você tenha um blog e queira escrever um artigo sobre os benefícios da meditação. Aqui está um exemplo de como você pode estruturar seu HTML usando o
1 |
|
2 |
|
3 |
The Benefits of Meditation
|
4 |
Meditation has been shown to reduce stress, improve focus, and boost overall well-being. This article will explore the many benefits of this ancient practice. |
5 |
src="meditation.jpg"alt="A person meditating">
|
6 |
Reduced Stress
|
7 |
Studies have shown that meditation can lower cortisol levels, the hormone associated with stress. Regularly practicing meditation can reduce anxiety and make you feel more relaxed in your daily life. |
8 |
Improved Focus
|
9 |
Through meditation, you can improve your ability to concentrate and stay focused on the task at hand. This can be especially helpful for those who struggle with distractions or have a busy mind.
|
10 |
Better Sleep
|
11 |
By quieting your mind and relaxing your body, meditation can help you fall asleep faster and enjoy a more restful sleep. It can also be effective in treating insomnia and other sleep disorders.
|
12 |
|
13 |
|
Resultado
Atributos
Este elemento inclui apenas atributos globais.
Os atributos globais incluem, por exemplo, o class
atributo. Esse atributo é usado para aplicar uma classe ao elemento, que pode ser usada para estilizar o conteúdo ou aplicar o comportamento do JavaScript. Aqui está uma demonstração:
1 |
|
2 |
|
3 |
|
O featured
classe foi aplicada ao
Contente
O
elementos em uma página, é recomendável incluir um título dentro de cada um, o que pode melhorar a legibilidade geral do conteúdo.
- Existem vários outros seccionando elementos, úteis para dividir o conteúdo em uma página de forma descritiva:
,
,
Você sabia?
- O
O elemento foi introduzido no HTML5 para marcar o conteúdo independente semanticamente.
- Usando o
O elemento pode melhorar a acessibilidade e o SEO do seu site, pois ajuda os mecanismos de pesquisa e os leitores de tela a entender a estrutura do seu conteúdo.