O Blog MulherTech.com.br é para mulheres que trabalham e amam tecnologia. Assuntos abordados neste Blog: Gestão de Projetos, Marketing Digital, Tecnologia da Informação, Ciência da Computação, Cloud Computing, Rede de Computadores Wireless, Rede TCP-IP (IPv4 e IPv6), Rede 5G, Linux, Windows Server, Windows 11, Data Science, Big Data, Inteligência Artificial, Linguagens de Programação Web, Frontend, Backend, etc.
sábado, 16 de setembro de 2023
HTML Dicas
quinta-feira, 18 de novembro de 2021
sexta-feira, 22 de outubro de 2021
HTML (Front-end)
HTML (Front-end)
HTML é uma abreviatura de Hypertext Markup Language, é uma linguagem de programação para a criação de documentos eletrônicos chamados de páginas apresentadas na web. Cada página tem várias conexões com hiperlinks ou links para outras páginas.
Todas as páginas da Internet foram criadas com o uso de alguma forma de HTML. É um requisito essencial para os navegadores aprenderem a exibir textos ou realizar o carregamento de diferentes elementos.
Recursos
- Html é uma linguagem de programação com uma curva de aprendizado fácil e de fácil usabilidade.
- A linguagem também é independente de plataforma.
- Html facilita a adição de vídeos, imagens e conteúdo de áudio a uma página da web.
- O idioma também pode ser usado para adicionar conteúdo de hipertexto a seções de texto.
- Html é uma linguagem de marcação e muito menos complexa do que outras linguagens.
Vantagens
- HTML é fácil de aprender e usar – a maioria dos desenvolvedores considera o HTML uma das linguagens de programação mais fáceis de aprender. Muitos desenvolvedores aprendem HTML antes de qualquer outra linguagem e é parte integrante de qualquer curso de desenvolvimento. O HTML é fácil de aprender, pois usa tags simples e não há problema com a distinção entre maiúsculas e minúsculas.
- HTML é gratuito – HTML é uma linguagem livre e os desenvolvedores não precisam comprar nenhum software para começar a usá-lo. O idioma não exige que os usuários trabalhem com nenhum plug-in externo e software para acessar os principais recursos. É por isso que muitas empresas em todo o mundo confiam no HTML para cumprir os requisitos de design de seus sites. É possível ter sites inteiros construídos em HTML.
- HTML oferece suporte para vários navegadores – HTML é compatível com os navegadores mais amplamente usados. Portanto, se um site foi escrito em HTML, não há nenhuma preocupação relacionada ao suporte do navegador. Os sites HTML podem ser otimizados para os diferentes navegadores de onde podem ser carregados.
Desvantagens
- Não é suficiente para páginas dinâmicas – Usar HTML básico não é suficiente para facilitar muitos dos recursos que os sites modernos oferecem a seus usuários. Os desenvolvedores podem achar difícil adicionar conteúdo dinâmico a páginas da web com HTML. Eles são obrigados a aprender outras linguagens, como JavaScript, PHP ou ASP.
- Limitada para exibição de conteúdo – HTML também não é a escolha ideal para mostrar o conteúdo exibido de maneira atraente. Essa é uma limitação da qual a maioria dos desenvolvedores está ciente. Eles precisam contar com CSS ou Cascading Style Sheets para tornar o conteúdo da página HTML mais atraente aos olhos. Os designers e desenvolvedores da Web são obrigados a criar e manter dois conjuntos de arquivos diferentes em alguns casos.
terça-feira, 9 de junho de 2020
A Jornada do HTML para HTML6: O que esperar?
A Jornada do HTML para HTML6: O que esperar?
https://www.ashokkuikel.com/a-journey-into-html-to-html6-what-features-you-will-get-in-html6/
HTML6 - Estrutura Básica
HTML6 - Estrutura Básica
<!DOCTYPE html xmlns:xhtml="http://www.w3.org/1999/xhtml">
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:meta type="title" value="Page Title">
<html:meta type="description" value="HTML example with namespaces">
<html:link src="css/mainfile.css" title="Styles" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
<html:body>
<header>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<content>
<article>
<h1>Heading of main article</h1>
<h2>Sub-heading of main article</h2>
<p>[...]</p>
<p>[...]</p>
</article>
<article>
<h1>The concept of HTML6</h1>
<h2>Understanding the basics</h2>
<p>[...]</p>
</article>
</content>
<footer>
<copyright>This site is © to Anonymous 2014</copyright>
</footer>
</html:body>
</html:html>
Está chegando o HTML6 - O que há de novo no HTML6
Está chegando o HTML6 - O que há de novo no HTML6
HTML, a linguagem da web, é uma das tecnologias da web mais conhecidas. O HTML tem sido usado continuamente para construir a Internet desde o momento em que foi introduzido.
Embora muitas novas técnicas tenham tornado o processo de criação de sites mais simples e eficiente, o HTML sempre esteve presente.
O HTML5 saiu em 2014; foi mais um passo em direção à padronização da linguagem de marcação de hipertexto. A especificação HTML revisada em outubro de 2014 era razoável.
As pessoas agora estão esperando por outra atualização e adivinhem? O HTML6 está a caminho.
WHATWG - O corpo que regula as especificações HTML mudará as especificações HTML continuamente ao longo do tempo, não sendo amplas de uma só vez (como dizem as fontes).
Neste artigo, veremos o que provavelmente mudaria no HTML6 e o que há de novo no HTML6.
Aperte os cintos, pois vamos mergulhar no conteúdo principal.
Índice
Tags Expressas
Suporte a Modais Nativos
Liberdade para redimensionar imagem
Bibliotecas dedicadas em HTML 6
Anotações para imagens e vídeos
Aprimoramento de autenticação
Menus personalizados em HTML6
Câmera Integrada HTML6
Good Microformats
Aplicativos de página única sem JavaScript
Conclusão
Tags expressas
Como o nome sugere, essas tags são expressas. Marcas como o logotipo da sua página da Web podem ser usadas.
Além disso, tags como,, estariam disponíveis.
Suporte a modais nativos em HTML 6
O elemento de diálogo está a caminho com HTML6. Esse elemento é considerado equivalente às janelas modais ativadas por JavaScript.
Os elementos de caixa de diálogo já estão padronizados, mas apenas alguns navegadores, como o Chrome e o Samsung, têm suporte total. Não se preocupe, ele estará funcionando em todos os navegadores em breve.
Esse elemento, em seu formato padrão, só mostraria o cursor sobre o local em que foi colocado.
Para usar uma interface modal mais comum, você pode abrir o método modal por meio de JavaScript.
No formulário padrão, o elemento cria um plano de fundo cinza com conteúdo não interativo abaixo dele.
Um atributo de método pode ser usado nos formulários dentro do elemento de diálogo. Isso enviaria o valor e passaria o valor de volta para o próprio objeto de diálogo.
No geral, esse elemento de diálogo é benéfico em uma pequena interação com o usuário e na melhoria da interface do usuário.
Você pode alternar o atributo aberto para abri-lo e fechá-lo no formulário HTML padrão.
Caixa de diálogo criada com HTML 6
Liberdade para redimensionar imagem
Os especialistas acreditam que está a caminho uma atualização que permitiria que os navegadores redimensionassem a imagem para obter a melhor experiência de visualização.
Os navegadores enfrentam dificuldades para mostrar o melhor tamanho de imagem em relação ao tamanho do dispositivo e da janela.
As tags Src e IMG não são muito poderosas para lidar com esse problema. Uma nova tag **
Essa tag pode facilitar o navegador a escolher entre mais de uma imagem para mostrar a melhor visualização.
Bibliotecas dedicadas em HTML 6
A introdução de bibliotecas selecionáveis em HTML6 será um passo para melhorar a produtividade de web designers e usuários.
Anotações para imagens e vídeos
Seria ótimo se pudéssemos anotar imagens e vídeos em HTML. O HTML5 nos oferece a capacidade de interpretar palavras, frases e parágrafos, mas não imagens e vídeos.
Muitas organizações no campo ofereceram soluções, e parece que o WHATWG consideraria pelo menos algumas delas.
Vamos torcer; estaremos anotando imagens e vídeos em HTML em breve.
Aprimoramento de autenticação
Embora o HTML5 não seja ruim em termos de segurança. Navegadores e tecnologias da web também fornecem proteção razoável. Sem dúvida, há muito mais que poderia ser feito no domínio da autenticação e segurança.
As chaves podem ser armazenadas fora do local; isso impediria o acesso de pessoas indesejadas e reforçaria a autenticação. Usando chaves incorporadas em vez de cookies, melhorando a assinatura digital, etc.
Pessoas e grupos de reflexão têm muitas soluções a oferecer, tudo depende do WHATWG aceitá-las ou rejeitá-las.
Menus personalizados em HTML6
As tags UI e OL são benéficas, mas não se encaixam bem em todas as necessidades. Uma tag ou tag de menu que poderia lidar melhor com elementos interativos é a necessidade da hora.
O menu pode lidar com elementos da lista acionados por botões dentro do menu.
O menu pode aprimorar os recursos da lista em HTML e funcionar bem, mesmo como uma lista usual.
Câmera Integrada HTML6
O HTML6 nos permitiria usar a câmera e a mídia em nosso dispositivo para o melhor. Poderíamos controlar a câmera, seus efeitos, modos, imagens panorâmicas, HDR e outras coisas.
Poderíamos usar qualquer mídia e redirecioná-la. Há muitas coisas que poderiam ser melhoradas com a câmera e o HTML6.
Good Microformats
Muitas vezes, precisamos definir nossas informações gerais na internet.
Informações gerais could ser público como nosso número de telefone, nome, endereço etc. Os microformatos são os padrões capazes de definir dados gerais.
Os microformatos podem aprimorar os recursos de um designer e reduzir os esforços do mecanismo de pesquisa necessários para deduzir nossas informações públicas.
Aplicativos de página única sem Javascript
Bobby Mozumder, editor-chefe da FutureClaw Magazine sugere:
vinculando elementos âncora a JSON / XML, pontos de extremidade da API, fazendo com que o navegador carregue os dados internamente em uma nova estrutura de dados e o navegador substitua os elementos DOM por quaisquer dados carregados conforme necessário. Os dados iniciais (assim como as respostas de erro padrão) podem estar em acessórios de cabeçalho, que podem ser substituídos posteriormente, se desejado.
Segundo ele, esse é o padrão de design da web para aplicativos de página única que melhoraria a capacidade de resposta e o tempo de carregamento, pois não seria necessário carregar o javascript.
Conclusão
Nada é perfeito nem HTML; portanto, há muitas coisas que poderiam ser feitas com a especificação HTML para torná-lo melhor.
A padronização de algumas normas úteis deve ser feita para aprimorar os poderes do HTML. Pequenas mudanças já começaram a ser implementadas.
Considerar o que os especialistas em tecnologia têm a dizer e também ouvir o público em geral pode fornecer uma idéia.
Aprimorar o suporte a Bluetooth, transferência de arquivos p2p, proteção contra malware, integração de armazenamento em nuvem, são algumas coisas que devem ser consideradas na próxima versão do HTML.
Isto é para o futuro. No entanto, já existem algumas atualizações que foram introduzidas e algumas provavelmente serão anunciadas em breve, enquanto outras são meras previsões.
Espero que este artigo ajude você a ter uma idéia do HTML6. Obrigado por ler e compartilhá-lo com outros geeks da tecnologia e nerds em HTML.
texto traduzido inglês-portugues de https://morioh.com/p/6d422fc49bd2
A Look Into HTML6 – What Is It and What It Has to Offer?
https://www.script-tutorials.com/a-look-into-html6-what-is-it-and-what-it-has-to-offer/
Introdução ao HTML6
Introdução ao HTML6