10 etiquetas HTML raras que realmente deberías saber

En la actualidad, se espera que los desarrolladores web sepan y trabajen en varios idiomas. Como resultado, es difícil aprender todo lo que un idioma tiene para ofrecer y es fácil encontrarte utilizando el potencial completo de algunas etiquetas más especializadas pero muy útiles..

Desafortunadamente, últimamente no hemos estado aprovechando todo el potencial de estas etiquetas HTML más oscuras. Pero nunca es demasiado tarde para volver al juego y comenzar a escribir código que aproveche el poder de algunas etiquetas poco utilizadas..

Aquí hay diez de las etiquetas más infrautilizadas y mal entendidas en HTML. Si bien pueden ser menos familiares, son bastante útiles en ciertas situaciones..

1.

Todos nosotros estaremos familiarizados con el

etiqueta, pero sabías sobre

hermano menor ? le permite definir el texto dentro del elemento como una referencia. Normalmente, el navegador mostrará el texto dentro de la etiqueta en cursiva, pero esto se puede cambiar con un toque de CSS.

los La etiqueta es realmente útil para citar referencias bibliográficas y de otros sitios. Aquí hay un ejemplo de cómo usar la etiqueta de citar en un párrafo:

El gran libro de la organización de David Allen Resolviendo las cosas ha tomado la web por la tormenta.

2.

los La etiqueta es una excelente manera de agregar una pequeña definición entre grupos de opciones dentro de un cuadro de selección. Si necesitas agrupar los listados de películas por tiempo, por ejemplo, entonces se vería así:

 Horarios   Tornado Napoleon Dynamite Que hay de bob?  Ser amable rebobinado Más extraño que la ficción 

Demo en vivo:

Horarios

Tornado Napoleon Dynamite Que hay de bob?

Ser amable rebobinado Más extraño que la ficción

Esto permite que la lista de selección separe visualmente las listas de películas.

3.

los etiqueta es una forma de definir o explicar con más detalle un grupo de palabras. Cuando se desplaza sobre el texto que tiene etiqueta utilizada, aparece un cuadro debajo con el texto de la etiqueta del título. Por ejemplo:

 El sitio de microblogging.  Gorjeo Recientemente ha luchado con tiempos muertos.

Demo en vivo:

SEO Está lleno de engaños y magia..

4.

los

La etiqueta es una etiqueta pequeña bastante oscura, ¡pero eso no significa que no sea útil! Como su nombre indica,

le permite marcar direcciones semánticamente en HTML. La pequeña etiqueta ingeniosa también pondrá en cursiva todos los datos entre corchetes, aunque el estilo se puede cambiar fácilmente a través de CSS simple.

Glen Stansberry 1234 Web Dev Lane Anywhere, EE. UU. 

5. y

Si desea visualizar revisiones de edición con marcado, y son solo el boleto Como el nombre lo indica, resalta lo que se ha agregado al documento con un subrayado, y muestra lo que se ha sacado con un tachado.

 Juan gustos AMA su nuevo iPod.

Demo en vivo:

Juan gustos su nuevo iPod.

6.

Los elementos de formulario parecen ser los más fáciles de olvidar al marcar un documento. De los elementos de forma, uno de los más olvidados es el etiqueta. No solo es una forma rápida de anotar el texto de la etiqueta, La etiqueta también puede pasar un atributo "para" para especificar qué elemento debe recibir la etiqueta. No solo son estos Las etiquetas son excelentes para el estilo, también te permiten hacer que se pueda hacer clic en el título para el elemento asociado.

 Nombre de usuario 

7.

Fieldset es un pequeño atributo ingenioso que puedes agregar a tus formularios para agrupar lógicamente los elementos de formulario. Una vez aplicado el

etiqueta dibuja un cuadro alrededor de los elementos dentro del fieldset. Puntos de bonificación por añadir un etiqueta dentro del fieldset para definir el título del grupo.

 
 
¿Eres más inteligente que un estudiante de quinto grado??
 Sí  No  
 

Demo en vivo:

8.

los la etiqueta es muy similar a la etiqueta, excepto la La etiqueta solo se utiliza para definir palabras abreviadas. Al igual que , Usted define un título dentro de la etiqueta. Cuando un visitante se desplaza sobre el texto abreviado, la definición completa aparece a continuación. los la etiqueta se usa raramente, pero los beneficios son muchos para los lectores de pantalla, los correctores de ortografía y los motores de búsqueda.

 Sargento. Pepper's Lonely Hearts Club es mi álbum favorito.

Demo en vivo:

Sargento. Pepper's Lonely Hearts Club es mi álbum favorito.

9. rel

Rel puede ser un increíblemente útil atributo, ya que cualquier elemento HTML puede tener un rel aplicado. Es útil para pasar variables adicionales que no se especifican de otra manera. Esto es útil cuando se utiliza Javascript con su HTML. Si tiene un enlace que desea editar en línea, puede agregar:

 Este enlace es editable.

El Javascript podría estar buscando un enlace con el atributo rel "pulsable", y sabe aplicar algunos Ajax y permitir que se edite en línea. Esta es una de las muchas técnicas que puede utilizar con el atributo rel, ya que las posibilidades son infinitas..

10.

los La etiqueta es una etiqueta increíblemente oscura. Para ser honesto, dudo que muchos de ustedes hayan estado en contacto con la etiqueta, ya que casi nunca se usa. (A decir verdad, no había visto la etiqueta antes de comenzar a investigar este artículo). Esencialmente, la etiqueta te permite especificar un lugar donde crees que un salto de línea puede ser útil, pero solo si es necesario. Esta etiqueta es única ya que se basa en la discreción del navegador para insertar el salto de línea, si es necesario. Es perfecto para crear diseños que quieras evitar con barras de desplazamiento horizontales..

Si quisieras lograr el mismo efecto pero sin usar el etiqueta, también puedes probar o -. Cabe señalar que ninguna de estas etiquetas tiene soporte completo en todos los navegadores. Para ver qué navegadores son compatibles con las etiquetas, consulta este artículo de Quirksmode..

 How do you say supercalifragilisticexpialidocious?

Código