Categoria: HTML
-
HTML5 atributo autofocus
O atributo autofocus é um atributo booleano, ou seja, pode ou não ser definido em um elemento. É usado em campos de formulários. Especifica que um elemento deve receber automaticamente o foco quando a página é carrega. Permitindo que o usuário comece digitar sem ter que manualmente dar o foco (clicar) no elemento.
-
Figure e Figcaption – HTML5
Muito comum em material impresso, como revistas e jornais, uma imagem ou gráfico seguida por uma pequena legenda. Na web antes da HTML5 não tinha uma maneira de aplicar semanticamente esse tipo de conteúdo na marcação HTML. A boa notícia é que agora é possível fazer uma marcação semântica para esta finalidade. Veremos os elementos…
-
HTML5 – Obter Coordenadas do Mouse
O script a seguir mostra como pegar as coordenadas X e Y do mouse do usuário usando JavaScript e o elemento canvas da HTML5. Perceba que há uma função chamada getMousePos que retorna as coordenadas com base na posição do mouse do usuário e o deslocamento do mouse na página do navegador.
-
HTML5 – Acessibilidade com o Atributo accesskey
A nova linguagem HTML5 prevê reformulação no atributo accesskey. Uma delas é: “todos os elementos HTML podem receber o atributo accesskey“. Apesar dos navegadores atuais não aplicarem tudo que a documentação do W3c sugere, ainda sim podemos usar para incrementar a acessibilidade das nossas páginas web.
-
Validação de formulário com HTML5
HTML5 evoluiu bastante e tem uma série de novidades entre elementos e atributos para formulários. Nesse artigo mostro um pouco sobre validação dos campos de um formulário. Acredito que em um futuro próximo os desenvolvedores não precisaram escrever o código de validação de formulário em JavaScript, por exemplo, já que os navegadores serão capazes de…
-
HTML5: Diferença de section e article
Uma das grandes novidades introduzidas pelas especificações da HTML5 são os elementos SECTION e ARTICLE. Esses dois novos elementos que representam alguns problemas semânticos relativos à sua utilização. A maioria dos desenvolvedores web se confundem com os elementos de SECTION e ARTICLE. Tentarei nesse artigo descrever a semântica desses elementos.
-
Como usar o elemento SECTION do HTML5
No artigo anterior falei sobre como usar o elemento NAV do HTML5. Hoje vou falar um pouco sobre o elemento SECTION. A tag section é utilizada para marcar as seções de conteúdo de uma página. Com Esse elemento agrupamos de forma lógica nosso conteúdo, separando a informação em áreas diferentes. O principal objetivo é retirar…
-
Como usar o elemento NAV do HTML5
Uma das novidades da Linguagem HTML5 é fornecer aos desenvolvedores de web um conjunto padronizado de estruturas semânticas e tornando a linguagem HTML muito mais inteligente. O elemento nav da HTML5 representa uma seção de uma página com links para outras páginas do site ou para determinadas partes da mesma página. Esse elemento nada mais…
-
10 exemplos de aplicações usando HTML5
Com certeza a nova linguagem de marcação vai revolucionar a forma como os desenvolvedores web criam seus sites. Quem já viu alguns tutoriais de HTML5 sabe das suas novas funcionalidades, técnicas e elementos que permitem aos desenvolvedores criar surpreendentes efeitos. Você é capaz de fazer Validação de formulário com HTML5, Obter Coordenadas do Mouse além…
-
A importância do HTML semântico
Por que devo USAR o HTML semântico? Você poderia simplesmente dizer: “porque é a coisa certa para a web“, mas os benefícios vão muito além disso. Por exemplo, torna mais fácil para os leitores de tela interpretar as informações de um web site para os usuários com deficiência visual. SEO e HTML semântico são amigos…