5 elementos HTML que puede que no sepas usar
Familiar pero desconocido, o completamente nuevo, sucede que nosotros perder partes de la sintaxis HTML Eso podría llegar a ser un conocimiento importante que podamos darle un buen uso. Es por eso que si es el nuevas características de HTML o sus aplicaciones menos conocidas que aún no han llegado a su radar, los cubrimos bastante a menudo en este sitio.
En la publicación de hoy, veremos cinco elementos HTML, algunos de los cuales puede usar con frecuencia, pero probablemente no en todo su potencial.
1.
los elemento tiene una función similar a la datos-* atributos. Puede ser usado para proporcionar datos legibles por máquina para un contenido fácil de usar. los valor atributo de este elemento lleva la información añadida.
Los tres volúmenes de la novela El Señor de los Anillos son: La comunidad del anillo, Las dos torres, y El retorno del Rey.
ISBN de los libros mencionados en esta página:
En el HTML anterior, el ISBN de cada libro es añadido en el valor atributo de la elemento que encierra el título del libro. En el mercado de libros, el ISBN se utiliza para identificar de forma única un libro.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const aria = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') Para mostrarte aproximadamente cómo extraer el valores en JavaScript, el script anterior extrae los ISBN de la etiqueta y los muestra, junto con los títulos de los libros, en un lugar designado en la página.
2.
Lo más probable es que ya estés familiarizado con el elemento, sin embargo es no solo para casillas de verificación. Puede controlar otro etiquetable elementos también, realizando sus acciones al igual que realiza las acciones de las casillas de verificación.
Solo tienes que usa el mismo valor Para el carné de identidad atributo del elemento HTML que desea controlar y la para atributo de la pertenencia etiqueta.
Haciendo clic en el texto de será activar el hacer clic evento de y mostrar el mensaje de alerta dado.
3.
Este elemento es Utilizado principalmente para los idiomas del este asiático, sin embargo esto no es”Es su único caso de uso. El propósito de es simplemente a Añadir anotación o pronunciación para textos., y puedes hacer eso con contenido en inglés también.
El elemento incluye dos subelementos principales, a saber . los mantiene la anotación en sí.
A una persona que establece un negocio o negocios, que asume riesgos financieros con la esperanza de obtener ganancias, se llama
empresario ; Un promotor en la industria del entretenimiento..
La pronunciación de la “empresario” palabra se agrega utilizando la elemento dentro del párrafo. La palabra misma está envuelta en el .
Así es como se ve la salida:
4.
los
Es posible que hayas sabido sobre el pedido, pero ¿sabías que el orden puede ser revertido? En lugar de una orden de incremento, numeración decreciente también puede ser realizado por invertido atributo.
- Escarbar
- Dominó chino
- Monopolio
- Ajedrez
- Jenga
los invertido atributo invierte la numeración, mientras que la tipo atributo determina el tipo de numeración. La capital I denota la numeración capital romana..
Así es como se ve en la pantalla:
5.
los elemento está destinado a envolver un término que se define por el texto que lo rodea. El texto delimitado por el etiqueta es diseñado por los navegadores con cursiva, es decir, este es el término que se define.
Puedes añadir la definición del término dentro. en el valor de su título atributo, que es útil para Definir palabras que no están necesariamente definidas por el texto que las rodea..
los elemento funciona de manera similar a que muestra el significado de una abreviatura dada en su título atributo cuando el usuario se cierne sobre el elemento.
Hay una dicotomía Entre el diseño y el prototipo..
Esta es su estilo predeterminado del navegador, sin embargo, en un sitio de producción, es posible que desee utilizar un estilo diferente:
Tomando el cursor sobre la palabra definida, la página mostrar la definición añadida en el título atributo.
