Category Archives: HTML5

#01 – HTML5 – New Tag – Footer 

Chega de teoria! – Web Apps!

Saga: M&M (Mundo Mobile)

Novas features HTML5 projetadas para auxiliar no desenvolvimento de nossos webapp. Vamos lá:

Como sugere o seu nome, a nova tag footer representa uma seção na parte inferior do documento. A sua função é exibir informações adicionais como direitos autorais, autor de documento, privacidade, contato.

Suportado nos principais navegadores e presente apenas no HTM5.

Syntax


<footer>...</footer>

Até aqui nada demais.

Index.html

Implementação simples:

<!DOCTYPE HTML>
    <body>
        <footer>
            <hr />
            <ul>
                <li >
                    <a href="">About </a>||
                    <a href="">Privacy</a> ||
                    <a href="">Contact</a> ||
                    <a href="">Copyright</a>
                </li>
            </ul>
            <hr />
        </footer>

    </body>
</html>

A tag footer define/representa áreas no rodapé do doc.

O resultado no chrome.

html5_newtag_footer

Visão do template padrão, comportamento deste elemento dentro do seu contexto.

Detalhes importantes

Um documento pode suportar mais de um rodapé.

Não é possível inserir a imagem no rodapé.

Então é isso treine bastante, e fiquei familiarizado com estes novos recursos.

Ok! Um pouco sobre as FEATURES do HTML5.