Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


Elementos de Layout HTML, Notas de aula de Matérias técnicas

Uma visão geral dos principais elementos de layout html, incluindo <article>, <aside>, <figure>, <figcaption>, <footer>, <header>, <section>, <nav> e <details>. Ele explica as funcionalidades e usos de cada um desses elementos, fornecendo informações valiosas para desenvolvedores web que buscam estruturar e organizar o conteúdo de suas páginas de forma eficiente e semântica. O documento aborda conceitos importantes, como a diferença entre <article> e <section>, a utilização adequada da tag <aside> e a função da tag <figcaption>. Essa compreensão dos elementos de layout html é essencial para criar websites acessíveis, bem estruturados e otimizados para mecanismos de busca.

Tipologia: Notas de aula

2022

Compartilhado em 29/10/2022

paulo-luiz-22
paulo-luiz-22 🇧🇷

3 documentos

1 / 3

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
HTML ELEMENTOS DE LAYOUT
Layout é uma estratégia que visa melhorar a qualidade e eficiência de um processo produtivo e
se preocupa com a forma como as máquinas e equipamentos são distribuídos no espaço físico.
As 8 Existentes Tags ;
<article> é um indicador de uma área de conteúdo do site, a porção mais relevante da página.
Com esta tag, navegadores e outros sistemas automatizados podem identificar facilmente o
conteúdo principal.
<aside> Além do assunto principal de uma página, um elemento comum, como um banner
lado a lado, fornece informações adicionais sobre a área de conteúdo.
Há um equívoco de que essa tag pode ser usada para barras laterais. Na verdade, a informação
dentro desta tag é lateral, não estritamente falando. Ele não contém instruções sobre onde
posicionar o navegador, como outras tags de layout.
<figura> é um indicador de uma área de conteúdo gráfico dentro da página, que pode ser
uma foto, ilustração, gráfico ou diagrama. Essa tag também pode ser usada para especificar
fragmentos de código-fonte, como contêineres para <img> e <code>. A tag apresenta um
candidato substituto para a tag antiga, <legend>:<figcaption>.
O objetivo de <figcaption> é marcar um título ou legenda para um ou mais elementos
inseridos em <figure>.
pf3

Pré-visualização parcial do texto

Baixe Elementos de Layout HTML e outras Notas de aula em PDF para Matérias técnicas, somente na Docsity!

HTML ELEMENTOS DE LAYOUT

Layout é uma estratégia que visa melhorar a qualidade e eficiência de um processo produtivo e se preocupa com a forma como as máquinas e equipamentos são distribuídos no espaço físico. As 8 Existentes Tags ;

é um indicador de uma área de conteúdo do site, a porção mais relevante da página.

Com esta tag, navegadores e outros sistemas automatizados podem identificar facilmente o conteúdo principal.

Além do assunto principal de uma página, um elemento comum, como um banner

lado a lado, fornece informações adicionais sobre a área de conteúdo. Há um equívoco de que essa tag pode ser usada para barras laterais. Na verdade, a informação dentro desta tag é lateral, não estritamente falando. Ele não contém instruções sobre onde posicionar o navegador, como outras tags de layout.

é um indicador de uma área de conteúdo gráfico dentro da página, que pode ser

uma foto, ilustração, gráfico ou diagrama. Essa tag também pode ser usada para especificar fragmentos de código-fonte, como contêineres para e . A tag apresenta um candidato substituto para a tag antiga, :. O objetivo de é marcar um título ou legenda para um ou mais elementos inseridos em .

é o indicador da área de conteúdo no final da página, que chamamos de "rodapé".

Esse elemento geralmente contém informações como autor, contato, direitos autorais, documentos relacionados etc.

é um indicador que aparece na área de conteúdo no início de uma página web, que

chamamos de "cabeçalho". Esse elemento geralmente contém informações introdutórias e navegação.

é uma seção, capítulo, designador de seção para uma determinada seção, cujo

conteúdo é agrupado pelo mesmo tópico. Como o nome sugere, esta tela define uma seção de conteúdo comum. Se for um wrapper de conteúdo grande, o e onde ele se aplica (, , etc.)