Documente Academic
Documente Profesional
Documente Cultură
Estructura HTML
<!DOCTYPE HTML> <html>
Nuevos elementos:
section: puede ser un captulo, una
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/
-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);
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>
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 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}
http://w3schools.com/html5/html5_form_input_types.asp
<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" />