KADUNEW.COM/BLOG Tutoriais, Dicas e Artigos sobre Web Design, Web Standards, CSS, HTML, SEO e Programação web.

Arquivos na categoria: ‘HTML5’

Elemento main da HTML5

Elemento main da HTML5

O novo elemento main da HTML5 representa a seção de conteúdo principal do corpo de um documento ou aplicativo. A seção de conteúdo principal consiste de conteúdo que está diretamente relacionada ou expande-se sobre o tema central de um documento ou a funcionalidade central de um aplicativo.
Continuar lendo

Deixe um Comentário

Tutoriais HTML5 e CSS3

Exemplos HTML5 e CSS3
CSS3 e HTML5 são as duas versões mais atuais quando falamos em marcação e estilização. As duas estão sendo elaboradas e aperfeiçoadas a algum tempo já. Embora os princípios fundamentais permanecessem os mesmos, há uma série de novas técnicas e novas possibilidades no uso do HTML5 e do CSS3. Abaixo você encontra uma série de tutoriais sobre o assunto, apesar do conteúdo ser em inglês é de fácil aprendizado.
Continuar lendo

Deixe um Comentário

HTML5 – Atributo autocomplete

HTML5

O atributo autocomplete é novo na HTML5 . A função do atributo é habilitar ou desabilitar o autopreenchimento dos elementos form e input.

Alguns navegadores oferecem a funcionalidade de preencher ou sugerir opções de preenchimento de um campo de formulário. Essa sugestão é feita com base no que foi digitado anteriormente pelo usuário.
Continuar lendo…

Deixe um Comentário

HTML5 atributo autofocus

HTML5

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.
Continuar lendo

Deixe um Comentário

Figure e Figcaption – HTML5

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 <figure> & <figcaption>.
Continuar lendo…

Deixe um Comentário

HTML5 – Obter Coordenadas do Mouse

HTML5

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.

Continuar lendo…

Deixe um Comentário

HTML5 – Acessibilidade com o Atributo accesskey

acessibilidade com 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.
Continuar lendo…

Comentários (1)

Validação de formulário com HTML5

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 fazer tudo isso para nós.
Continuar lendo…

Comentários (1)

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.
Continuar lendo…

Comentário (2)

Como usar o elemento SECTION do HTML5

Usando 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 essa responsabilidade das divs. Tendo como principal diferencial a navegação semântica com HTML 5.
Continuar lendo…

Deixe um Comentário