Apuntes de HTLM5

Apuntes de HTLM5

Hoy vamos a ver el uso de algunas etiquetas nuevas y también el uso y utilidad de los comentarios, así como repasar lo anteriormente visto para ser cada vez mejores programadores.

Empezando por los comentarios, estos van entre las etiquetas: <!-- --> y nos indica que lo contenido entre ellas, solo será visible para tí como programador, o para quien vea tu código fuente, este contenido no será visible en el navegador.

Su utilidad radica en que, al documentar tu código en un futuro, te será fácil revisarlo y recordar fácilmente gracias a tus anotaciones, puedes colocar la utilidad de las etiquetas nuevas que conozcas, y así cada vez ir mejorando.

Los comentarios se utilizan para explicar resumidamente que función tiene un bloque de código.

<!-- qui va todo tu comentario -->

Ahora las nuevas etiquetas: Elementos semánticos en el texto:

<em>: Aunque muchos asocian la directiva <em> a las cursivas, no es así. Habitualmente se representa como una cursiva, pero el elemento debe utilizarse no para el modo en la que la muestre los navegadores, sino para dar énfasis a una palabra o a una frase.

Ejemplo:

<p>Atención, este texto es <em>exclusivamente</em> informativo.</p> Atención, este texto es exclusivamente informativo.

<strong>:

La etiqueta <strong> marca contenido al que se le quiere dar más fuerza o importancia que el resto. Los navegadores suelen formatearlo en una tipografía tipo negrita.

Ejemplo:

<p>

<strong>Advertencia.</strong>

Esta mazmorra es peligroso.

<strong>Evite los patos</strong>. Tome cualquier oro que encuentre.

<strong>No tome ninguno de los diamantes</strong>, que son explosivos y <strong>destruirá todo lo que hay dentro de diez metros</strong>.

Usted ha sido advertido

</p> Advertencia. Esta marmota es peligroso. Evite los patos. Tome cualquier oro que encuentre. No tome ninguno de los diamantes, que son explosivos y destruirá todo lo que hay dentro de diez metros. Usted ha sido advertido

<small>: Con la etiqueta <small> se puede introducir un pequeño comentario en un tamaño más reducido. Habitualmente hará referencia a advertencias, restricciones legales, copyrights y similares. Este directiva no le restará importancia a lo que haya enfatizado con la directiva <em> o reforzado con la directiva <strong.>

La directiva <small> no debe utilizarse con bloques largos de contenido, múltiples parágrafos, listados… sólo debe utilizarse con pequeñas porciones de texto.

<hr />

<footer>

<p><small>© copyright 2038 Example Corp.</small></p>

</footer> ________________________________________© copyright 2038 Example Corp.

<cite>: Antes se utilizaba para indicar el autor de una cita, ahora también se utliza para indicar el nombre de una obra tal como: un libro, un artículo, un ensayo, un poema, una partitura, una canción, un guión, una película, un programa de televisión, un juego, una escultura, una pintura, una producción de teatro, una ópera, un musical, una exposición, etc.

<p>La <cite>Declaración Universal de los Derechos Humanos</cite> es un documento declarativo adoptado por la <cite>Asamblea General de las Naciones Unidas</cite> en el 10 de diciembre de 1948 </p> La Declaración Universal de los Derechos Humanos es un documento declarativo adoptado por la Asamblea General de las Naciones Unidas en el 10 de diciembre de 1948

<a>: Su función es crear un hipervínculo, crea un enlace mediante

...