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>

...