# Categoria: HTML

> Todos os 12 posts do dpw na categoria HTML.

URL: https://dpw.dev/categoria/html/

## Posts

- [Como funciona o elemento HTML geolocation](https://dpw.dev/html/elemento-geolocation-html/): O elemento geolocation pede a localização do usuário via atributos HTML, com menos JavaScript e um tratamento de permissão e erro muito melhor que a API antiga.
- [Emmet: escreva HTML 10x mais rápido](https://dpw.dev/html/emmet/): Domine Emmet para codificar HTML 10x mais rápido no editor. Aprenda abreviações poderosas, snippets dinâmicos e atalhos para turbinar produtividade!
- [dpw expo #32 - Image Map Generator, Divjoy, SVG Artista](https://dpw.dev/html/dpw-expo-32-image-map-generator-divjoy-svg-artista/): Explore Image Map Generator, Divjoy e SVG Artista no dpw expo. Crie mapas HTML clicáveis, apps React e arte SVG profissional. Confira agora!
- [iframes responsivos](https://dpw.dev/html/iframes-responsivos/): Aprenda a criar iframes responsivos com aspect ratio CSS. Técnica definitiva para vídeos YouTube, mapas e conteúdo incorporado adaptável. Funciona!
- [SVG inline... Com cache!](https://dpw.dev/html/inline-svg-cache/): Inline SVG e estratégias avançadas de cache. Otimize SVG inline com service workers, sprites SVG e técnicas de reutilização eficiente. Otimize agora!
- [Lazy loading nativo de imagens e iframes](https://dpw.dev/html/lazy-loading-nativo-imagem-iframe/): Lazy loading nativo para imagens e iframes HTML. Melhore drasticamente performance com carregamento sob demanda usando HTML puro. Sem JavaScript!
- [Guia para os novos tipos de input HTML5](https://dpw.dev/html/html5-inputs-novos-tipos-campos/): Novos tipos de inputs HTML5: email, tel, date, color e mais. Aproveite validação nativa e UX drasticamente melhorada em formulários modernos. Use já!
- [Imagens em web design responsivo: atributo srcset e elemento picture](https://dpw.dev/html/imagens-responsivas-srcset-picture/): Imagens responsivas com srcset e picture HTML. Sirva imagens perfeitamente otimizadas por dispositivo usando HTML nativo e art direction. Otimize!
- [Pré-carregamento de recursos com HTML5](https://dpw.dev/html/pre-carregamento-de-recursos-com-html5/): Pré-carregamento de recursos com HTML5 (preload/prefetch). Otimize drasticamente performance antecipando download de assets críticos. Acelere seu site!
- [Evitando erros comuns de HTML5](https://dpw.dev/html/evitando-erros-html5/): Evite erros comuns em HTML5 que prejudicam seus projetos. Aprenda marcação semântica correta, acessibilidade e boas práticas de desenvolvimento. Melhore!
- [Textarea: dicas e truques que você sempre quis saber](https://dpw.dev/html/textarea-dicas-truques-textarea/): Dicas e truques essenciais para textarea HTML. Resize controlado, contagem de caracteres, auto-height e melhorias de UX em campos. Otimize agora!
- [Meta tags](https://dpw.dev/html/meta-tags/): Guia completo de meta tags para SEO e redes sociais. Open Graph, Twitter Cards, viewport e tags HTML essenciais para otimização. Implemente!

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml