Unidades de medida en una web o blog, ¿que sabemos de ellas?

En una web, las unidades se emplean para definir la altura, anchura y márgenes de los elementos y para establecer el tamaño de letra del texto.

Se distingue entre unidades absolutas y relativas (aquellas que definen su valor en relación con otra medida).

Lo más recomendable es utilizar unidades relativas ya que de esta forma un usuario con defectos de visión puede aumentar el tamaño del texto que esta viendo en su navegador para poder leerlo.

W3C, consorcio internacional que fija las Pautas de Accesibilidad en la Web, nos indica:

Use relative rather than absolute units in markup language attribute values and style sheet property values. [Priority 2]

Emplee para el marcado unidades relativas antes que unidades absolutas, y por medio de valores de las propiedades de las hojas de estilo. (Prioridad 2)

Esto nos anima a utilizar emplee em o tamaños en porcentajes antes que puntos (pt) o centímetros (cm), que son unidades absolutas.

Unidades ABSOLUTAS

in
del inglés "inches", pulgadas (1 pulgada son 2.54 centímetros)
cm
centímetros
mm
milímetros
pt
puntos (1 punto equivale a 1 pulgada/72 , es decir, unos 0.35 milímetros)
pc
picas (1 pica equivale a 12 puntos, es decir, unos 4.23 milímetros)

Unidades RELATIVAS

em
(no confundir con la etiqueta "" de HTML) relativa respecto del tamaño de letra empleado. Aunque no es una definición exacta, el valor de 1em se puede aproximar por la anchura de la letra M ("eme mayúscula") del tipo y tamaño de letra que se esté utilizando
ex
relativa respecto de la altura de la letra x ("equis minúscula") del tipo y tamaño de letra que se esté utilizando
px
(píxel) relativa respecto de la resolución de la pantalla del usuario

"0.9 em" significa que se debe multiplicar 0.9 por el tamaño de letra por defecto, lo que en la práctica significa que la medida indicada es igual al 90% del tamaño de letra por defecto. Si este tamaño por defecto es 12pt, el valor 0.9em sería igual a 0.9 x 12 pt = 10.8 pt .

Comentarios

Entradas populares de este blog

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos! Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir… En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io . Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras. Cuando entras en fluky.io , solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que pu...

Quizlet Live, tarjetas de aprendizaje o flash-cards.. ¡en equipo!

En el 2016, nuestra compañera Isabel Etayo ya nos habló sobre Quizlet, una fantástica plataforma que permite al usuario crear tarjetas de aprendizaje , o flash cards , con el fin de practicar como si de tarjetas físicas se tratase: por un lado escribes un término y por el otro la definición; o una operación y por el otro el resultado... Por aquel entonces la plataforma era bastante limitada, pero en los últimos años han dado una vuelta de tuerca y ahora tiene un potencial increíble. Las tarjetas, que en principio solo contenían palabras y definiciones (y en algunos casos, imágenes), permiten ahora colocar partes de un mapa, dibujos, etc. Además, puede practicarse con ellas mediante distintos juegos interactivos que harán del estudio un rato entretenido. Pero hoy no vengo aquí a hablaros de Quizlet , sino de su versión de equipo: Quizlet Live , una opción que desatará la adrenalina de nuestro alumnado, ¡garantizado! Para jugar a Quizlet Live en primer lugar debemos crear las tarj...

descarga vídeos de cualquier web con #StreamTransport

Meses atrás os mostré un truco para descargar vídeos desde #Chrome fuera cual fuese la web. Sin embargo, el método podía resultar un tanto farragoso, además del hecho de que para algunas webs, como la de EITB (TV autonómica vasca) no funciona. Pero hace unos días Iñaki (no diré apellido) del Berritzegune de Irún me enseñó una manera de poder descargar vídeos de cualquier web sin tener que recurrir al "método largo" que os citaba en el post de hace unos meses, mediante un software gratuito: Stream Transport . Lo que hace Stream Transport es lo que os enseñé a hacer anteriormente de forma manual, pero de una forma rápida y sencilla: coge la extensión de vídeo oculto en el código de la página web y nos descarga el archivo de vídeo. Vídeo-tutorial vídeotutorial realizado por obiwan2208 Características Descarga vídeos de webs bajo protocolos HTTP, RTMP, RTMPT, RTMPE, RTMPTE, lo que lo hace compatible casi con la totalidad de pági...