Flashcards
Maker⚡Serv.
Flashcards do conjunto (11)
- 1TIPO DO DOCUMENTO- Definir o tipo de documento (Document Type Definition - DTD) e informar ao navegador como interpretar o conteúdo do documento HTML. Ela é uma parte crucial do documento HTML e deve ser colocada no topo de cada página HTML para garantir que o navegador interprete o código corretamente.
- Também ajuda a garantir que o documento seja renderizado corretamente em diferentes navegadores e dispositivos, promovendo a consistência e interoperabilidade entre plataformas.
- Indica ao navegador que o documento é escrito de acordo com os padrões HTML5. - 2LINGUAGEM PRINCIPAL- Acessibilidade: A especificação da linguagem principal ajuda os usuários com necessidades especiais, como os que utilizam softwares de leitura de tela, a compreenderem e interpretarem o conteúdo corretamente.
- Correção ortográfica e gramatical: Os navegadores modernos podem usar a informação do atributo lang para sugerir correções ortográficas e gramaticais adequadas ao idioma específico.
- SEO (Otimização para Mecanismos de Busca): Os motores de busca consideram a informação da linguagem para indexar o conteúdo de uma página da web, o que pode afetar os resultados das pesquisas em diferentes idiomas e regiões.
- Apresentação de conteúdo: Alguns navegadores e mecanismos de busca podem usar a informação da linguagem para apresentar resultados de pesquisa relevantes para o idioma do usuário. - 3"CABEÇA" DA PAGINA- Metadados do Documento: Isso inclui informações como o título da página (), descrições (<meta name="description">), palavras-chave (<meta name="keywords">), autor (<meta name="author">), entre outros. Esses metadados são úteis para mecanismos de busca, compartilhamento em redes sociais e outros propósitos.
- Links para Estilos Externos: Você pode vincular folhas de estilo CSS externas usando a tag <link>, permitindo que você mantenha o estilo separado do conteúdo.
- Scripts Externos e Internos: Você pode incluir referências a scripts JavaScript externos ou incorporar scripts diretamente na página usando a tag <script>.
- Instruções de Visualização do Navegador: Elementos como <meta name="viewport"> podem ser usados para controlar o dimensionamento e a exibição da página em dispositivos móveis.
- Ícones e Logotipos: As tags <link> também podem ser usadas para vincular ícones da web, favicons e logotipos.
- - 4TIPO DE CODIFICAÇÃO- UTF-8 (Unicode Transformation Format 8-bit) é uma codificação de caracteres capaz de representar praticamente todos os caracteres em uso no mundo atualmente. Pode representar uma grande variedade de idiomas e caracteres especiais.
- Garante que os caracteres especiais, letras acentuadas, símbolos e emojis sejam exibidos corretamente no seu site, independentemente do idioma que você esteja utilizando. - 5FAVICON- Identificação rápida do site: Os favicons ajudam os usuários a identificar visualmente um site entre várias guias abertas em um navegador. Isso é especialmente útil quando os usuários têm muitas guias abertas e precisam encontrar rapidamente o site desejado.
- Marcação da identidade visual: Favicons são uma extensão da identidade visual de um site ou marca. Eles são uma forma de reforçar a presença da marca e fornecer uma representação visual reconhecível do site.
- Profissionalismo e cuidado com os detalhes: Ao incluir um favicon, um site demonstra atenção aos detalhes e profissionalismo. Favicons são considerados um componente padrão de um site bem projetado e podem ajudar a transmitir uma impressão positiva aos usuários.
- Facilita a diferenciação: Em uma página de favoritos ou histórico de navegação, os favicons podem ajudar os usuários a diferenciar entre sites de forma mais rápida e visual.
- - 6TÍTULO- Identificação do site: O título da aba de navegação ajuda os usuários a identificar rapidamente o site que estão visitando. Ele fornece uma descrição concisa e relevante do conteúdo ou propósito do site.
- Navegação entre guias: Quando os usuários têm várias guias abertas em seu navegador, o título da aba de navegação os ajuda a diferenciar e navegar facilmente entre elas. Isso é especialmente útil quando os usuários alternam rapidamente entre diferentes sites e precisam localizar uma guia específica.
- SEO (Otimização para Mecanismos de Busca): O título da aba de navegação é frequentemente usado pelos mecanismos de busca para indexar e exibir os resultados das pesquisas. Um título claro e descritivo pode ajudar os mecanismos de busca a entender e classificar melhor o conteúdo do site, o que pode afetar a visibilidade e a classificação nos resultados das pesquisas.
- - 7RESPONSIVIDADE- Acessibilidade: A responsividade torna o conteúdo acessível em uma ampla variedade de dispositivos e tamanhos de tela, permitindo que os usuários acessem e interajam com o site de forma confortável, independentemente do dispositivo que estão utilizando.
Expansão do mercado: Com o aumento do uso de dispositivos móveis para acessar a internet, a capacidade de fornecer uma experiência de usuário consistente em dispositivos móveis e desktops se tornou crucial. Sites responsivos têm maior alcance e apelo para uma audiência mais ampla.
- SEO (Otimização para Mecanismos de Busca): Os mecanismos de busca, como o Google, favorecem sites responsivos em seus resultados de pesquisa para dispositivos móveis. Ter um site responsivo pode melhorar a visibilidade e o ranking nos resultados de pesquisa, o que é importante para a descoberta do site pelos usuários.
-
- - 8"CORPO" DA PÁGINA- Conteúdo Visível: O contém todos os elementos visíveis na página, como texto, imagens, vídeos, formulários, links e outros elementos HTML que os usuários podem interagir e visualizar.
- Estruturação do Conteúdo: Os elementos dentro do são organizados de acordo com a estrutura do documento HTML para fornecer uma apresentação lógica e coerente do conteúdo da página.
- Estilização e Layout: O conteúdo dentro do pode ser estilizado e formatado usando CSS para controlar o layout, cores, fontes e outros aspectos visuais da página.
- Scripts e Funcionalidades Interativas: Scripts JavaScript podem ser incluídos no para adicionar funcionalidades interativas, como animações, eventos de mouse, validação de formulários e muito mais.
- Acessibilidade: O conteúdo dentro do deve ser estruturado de forma a garantir que seja acessível para todos os usuários, incluindo aqueles que usam tecnologias assistivas, como leitores de tela.
- - 9PONTO DE MONTAGEM- Separação de preocupações: Mantém a lógica de renderização do React separada do restante do HTML. Isso ajuda a manter uma estrutura clara e organizada no código.
- Renderização dinâmica: O React pode atualizar o conteúdo do ponto de montagem de forma dinâmica, sem recarregar a página inteira. Isso permite uma experiência de usuário mais fluida e responsiva.
- Facilita a integração: Ao criar um aplicativo React em conjunto com outras tecnologias ou frameworks, como um backend em Node.js ou um CMS como WordPress, o ponto de montagem fornece um ponto de integração claro.
- Reutilização de componentes: Componentes React podem ser reutilizados em diferentes partes do aplicativo, e o ponto de montagem é o local onde esses componentes podem ser compostos e renderizados conforme necessário.
- Compatibilidade com Single-Page Applications (SPA): Em uma SPA, onde a página é carregada uma vez e as interações subsequentes ocorrem sem recarregar a página, o ponto de montagem é crucial para atualizar o conteúdo da aplicação de forma dinâmica. - 10JAVASCRIPT- JavaScript frequentemente usada com o React para descrever a interface do usuário. Quando um arquivo JSX é carregado como um módulo, o navegador o interpreta e processa corretamente.
- 11SCRIPT EXTERNO- Incluir um script externo em uma página HTML.
- É provável que você esteja adicionando algum tipo de elemento visual ou funcionalidade fornecida pelo script.
- Pode ser um distintivo que indica que o código foi desenvolvido ou pode ser executado na plataforma Replit.
Informações
- Descrição
- CLICOU, PISCOU, RESOLVEU! - O MakerServ. é uma aplicação de web focada em aproximar e conectar provedores de serviços com seus clientes de forma segura e eficiente, oferecendo mais oportunidades de empregos, e um lugar mais fácil para contratar serviços.
- Criado por
- Lucas Araujo
- Visualizações
- 2
- Avaliação