Sobes.tech
Ajuda para Entrevistas
Recursos
Preparação para a Entrevista
Recursos
Procura de Emprego
Recursos
Jurídico
Voltar às perguntas
Middle

Se considerarmos o HTML5 como uma plataforma web aberta, em que é que ela se base e de que componentes ela é composta?

sobes.tech IA

Resposta da IA

O HTML5 como plataforma web baseia-se nos seguintes princípios e conceitos:

  • Padrões web abertos: A plataforma é construída com base nas recomendações do W3C e WHATWG, garantindo interoperabilidade e acessibilidade.
  • Semântica: Melhoria na marcação estrutural do conteúdo com novos elementos para melhor legibilidade por máquinas e humanos.
  • Acessibilidade: Mecanismos e atributos incorporados (por exemplo, ARIA) para criar aplicações acessíveis a pessoas com deficiência.
  • Desempenho: Novas APIs e abordagens para otimizar a velocidade de carregamento e funcionamento das aplicações web.
  • Extensibilidade: Capacidade de adicionar novas funcionalidades através de APIs JavaScript.

Os componentes da plataforma web HTML5 incluem:

  • HTML: Linguagem de marcação para estruturar conteúdo. Inclui novos elementos (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) e novos atributos (data-*, contenteditable, spellcheck).
  • CSS: Linguagem de estilos para o design visual. Inclui novas capacidades:
    • Selecções (:nth-child, :nth-last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :not, :target, :checked, :indeterminate, :enabled, :disabled, :read-only, :read-write).
    • Pseudo-elementos (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
    • Novas propriedades (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
    • Media queries (@media) para design responsivo.
  • JavaScript: Linguagem de scripting para interatividade e dinamismo. Inclui novas API:
    • DOM (Document Object Model): Melhor acesso e manipulação de elementos da página.
    • Canvas API: Desenho gráfico em 2D.
    • WebGL API: Desenho gráfico em 3D (baseado em OpenGL ES).
    • SVG (Scalable Vector Graphics): Desenho de gráficos vetoriais. Integra-se com HTML.
    • Web Storage: Armazenamento de dados no lado do cliente (localStorage, sessionStorage).
    • IndexedDB: Base de dados do lado do cliente para dados estruturados.
    • Web Workers: Execução de tarefas intensivas em recursos em segundo plano.
    • WebSocket API: Comunicação bidirecional em tempo real entre cliente e servidor.
    • Geolocation API: Determinação da localização do utilizador.
    • Drag and Drop API: Arrastar elementos.
    • File API: Trabalhar com ficheiros no lado do cliente.
    • History API: Gestão do histórico do navegador sem recarregar a página.
    • Fetch API: Melhor método para realizar pedidos HTTP assíncronos.
    • Service Workers: Interceptação de pedidos de rede, armazenamento em cache, notificações push para funcionalidade offline.
    • Web Audio API: Trabalhar com áudio ao nível de programação.
    • Media Capture and Streams API (getUserMedia): Acesso à câmara e microfone.

Estes componentes trabalham em sinergia, permitindo criar aplicações web complexas, eficientes e interactivas.

AnteriorPróximo