Anotações - Exemplos de Elementos Semânticos HTML PDF

Preview

Summary

Anotações - Exemplos de Elementos Semânticos HTML. Para ajudar nos seus estudos, na disciplina de programação e desenvolvimento de sistemas.
Compartilhe!...

Description

Exemplos de Elementos Semânticos HTML Elementos semânticos ---> Um elemento semântico descreve claramente seu significado para o navegador e para o desenvolvedor. Por que elementos semânticos? De acordo com o W3C: "Uma Web semântica permite que os dados sejam compartilhados e reutilizados:

Em HTML, existem alguns elementos semânticos [ , , , etc. ], que podem ser usados para definir diferentes partes de uma página da web:

Para executar os exemplos OBSERVAÇÃO: Esse link é referente a um editor on-line * para códigos HTML, pode ser utilizado para executar os exercícios propostos nas aulas. https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_footer * on-line = não requer instalação no computador

Exemplo: Elemento HTML Duas seções em um documento:

WWF The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.

WWF's Panda symbol The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.

Exemplo: Elemento HTML Três artigos com conteúdo independente e autocontido:

Google Chrome Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!

Mozilla Firefox Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.

Microsoft Edge< /h2> Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.

Diferença entre e ? O elemento especifica conteúdo independente e autocontido. O elemento define a seção em um documento.

Exemplo: Elemento HTML Um cabeçalho para um :

What Does WWF Do? WWF's mission:

WWF's mission is to stop the degradation of our planet's natural environment, and build a future in which humans live in harmony with nature.

Exemplo: Elemento HTML Uma seção de rodapé em um documento:

Author: Hege Refsnes [email protected]< /p>

Exemplo: Elemento HTML O elemento define um conjunto de links de navegação.

Um conjunto de links de navegação:

HTML | CSS | JavaScript | jQuery

Exemplo: Elementos HTML e A tag especifica conteúdo independente, como ilustrações, diagramas, fotos, listagens de código, etc. A tag define uma legenda para um elemento. O elemento pode ser colocado como o primeiro ou o último filho de um elemento. O elemento define a imagem / ilustração rea l.

Exemplo

Fig1. - Trulli, Puglia, Italy....