Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML 5

    Enviado por

    EriDark VaNe
    1K visualizações14 páginas

    Título original

    html5

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    1K visualizações14 páginas

    HTML 5

    Enviado por

    EriDark VaNe

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 14

    Estructura HTML5

    Estructura HTML
    <!DOCTYPE HTML> <html>

    Nuevos elementos:
    section: puede ser un captulo, una

    Bloques de elementos semnticos:


    aside: representa cualquier

    seccin o cualquier cosa de incluya su propio encabezamiento header: cabecera de una pgina. No confundir con la etiqueta <head> footer: donde se incluye la letra pequea; la firma en un mensaje nav: una coleccin de enlaces a otras pginas article: una entrada a un blog, revista, etc.

    elemento que est fuera del flujo narrativo; una anotacin que complementa el texto figure: para asociar cualquier contenido multimedia a un ttulo o leyenda

    Navegadores

    http://html5test.com/ http://caniuse.com/

    http://www.findmebyip.com/litmus/

    vendor prefixes (Prefijos propietarios en CSS3)


    /* Para que sea interpretado por Safari and Chrome */

    -webkit-transform:rotate(17deg);
    /* Para que sea interpretado por IE 9 */

    -ms-transform:rotate(17deg);
    /* Para que sea interpretado por Firefox */

    -moz-transform:rotate(17deg);

    /* Para que sea interpretado por Opera */ -o-transform:rotate(17deg);

    http://www.findmebyip.com/litmus/

    Etiquetas semnticas

    Semntica

    Se refiere a los aspectos del significado, sentido o interpretacin de signos lingsticos como smbolos, palabras, expresiones o representaciones formales.

    Etiquetas
    <elemento atributo1="valor"> Contenido </elemento>

    <section> <mark> <audio> <video> <canvas> <table>

    Este es un ejemplo de <mark> Texto Resaltado </mark>

    Agrupamiento de contenido
    <figure> <img src="firefox.png" alt=Firefox"> <img src="thunderbird.png" alt="Thunderbird"> <img src="sunbird.png" alt="Sunbird"> <figcaption> Logotipos de tres programas desarrollados por Firefox, Thunderbird y Sunbird </figcaption> </figure>

    <section>Primera seccin de nivel 1

    <section>Primera subseccin de nivel 2</section> <section>Segunda subseccin de nivel 2</section> </section> <section>Segunda seccin de nivel 1</section> <section>Tercera seccin de nivel 1 <section>Primera subseccin de nivel 2</section> </section> <section>Cuarta seccin de nivel 1</section> <section>Quinta seccin de nivel 1</section>

    <section>

    <hgroup> <h1>Primera seccin de nivel 1</h1> <h2>Breve descripcin de la seccin de nivel 1</h2> </hgroup> <p>En esta seccin hablaremos de bla bla bla y de blu blu blu. Bla bli blo blu...</p> </section>

    Formularios
    <input type="search"> <input type="number"> <input type="color"> <input type="tel"> <input type="email"> <input type="date"> <input type="month"> <input type="week"> <input type="time"> <input type="datetime">

    Nuevos atributos
    Required

    Pattern - pattern="[A-Za-z]{3}

    pattern="\S{5}" Placeholder Min Max Multiple Disabled readonly

    http://w3schools.com/html5/html5_form_input_types.asp

    Atributos en etiquetas de formularios

    <form action=ejemplo.php" method="get"> Nombre: <input type="text" name="nombre autocomplete="on" /> Apellido: <input type="text" name="apellido" /> Email: <input type="email" name="email autofocus="autofocus" />

    Você também pode gostar